 <template>
  <div class="filter" v-loading="searchLoading">
    <el-dialog
      :title="$t('filter.tips')"
      :visible.sync="dialogVisible"
      width="30%">
      <span>{{$t('filter.searchTips')}}...</span>
      <span slot="footer" class="dialog-footer">
        <el-button type="primary" @click="dialogVisible = false">{{$t('filter.ok')}}</el-button>
      </span>
    </el-dialog>
    <div class="filter-title">
      <span>{{$t('filter.title')}}</span>
    </div>
    <div class="table">
      <el-card>
        <div>
          <h2
            style="position: relative; top: 3px; display: inline-block; margin: 0 20px; padding: 0; font: 16px HelveticaNeue-BoldCond; color: #000;font-weight:800">
            {{$t('filter.table')}}:</h2>
          <el-select v-model="chart.value" :placeholder="$t('filter.placeholder')" ref="test" @change="switchTable"
                     style="width: 250px;"
                     popper-class="filterOption">
            <el-option
              v-for="item in chartOptions"
              :key="item.value"
              :label="item.label"
              :value="item.value">
            </el-option>
          </el-select>
        </div>
      </el-card>
    </div>
    <!--<div @click="">click me</div>-->

    <div class="card-content">
      <div class="select-tag">
        <!--要情况一的判断，两者必须都选了才展示-->
        <el-row class="selected">
          <!--<el-col :span="3" style="line-height:40px;">{{$t('filter.selectedFilterTerms')}}</el-col>-->
          <!--<el-col :span="2">{{$t('filter.criteria')}}</el-col>-->
          <el-col :span="24">
            <!--  <h3 style="display: inline-block; font: 17px Helvetica; margin-right: 10px;">{{$t('filter.selectedFilterTerms')}}</h3> -->
            <!--             <div class="content">
                          <span class="title">Table:</span>
                          <el-tag>{{tableName}}</el-tag>
                        </div> -->
            <!--<div>-->
            <!--<span>{{$t('filter.criteria')}}</span>-->
            <!--<el-tag v-show="time.billingbillingValue !== '' && time.selectedOptions.toString() !== '' && (billingValue !== '' || (billingBetween1 !== '' && billingBetween2 !== ''))">Billing Date:{{time.selectedOptions[0]}} / {{time.selectedOptions[1]}} {{symbolData.billingDateValueChange}} <span v-if="billingValue">["{{billingValue}}"]</span> <span v-else>[{{billingBetween1}}, {{billingBetween2}}]</span></el-tag>-->
            <!--</div>-->
            <div class="content" v-show="showTime">
              <span class="title">Time:</span>
              <el-tag v-show="showBillingData" closable @close="clearBillingDate">Billing
                Date({{timeMarkDate.billingDateMark}}) {{symbolData.billingDateValueChange}} <span v-if="billingValue">{{billingValue}}</span>
                <span v-else>{{newBillingBetween1}}~{{newBillingBetween2}}</span></el-tag>
              <el-tag v-show="showDeliveryData" closable @close="cleardeliveryValue">Delivery Gi
                Date({{timeMarkDate.deliveryDateMark}}) {{symbolData.deliveryDateValueChange}} <span
                  v-if="time.deliveryValue">{{time.deliveryValue}}</span> <span v-else>{{time.newDeliveryBetween1}}~{{time.newDeliveryBetween2}}</span>
              </el-tag>
              <el-tag v-show="showSoData" closable @close="clearSoDate">Sales Order Create Date({{timeMarkDate.soDateMark}})
                {{symbolData.soDateValueChange}} <span v-if="soValue">{{soValue}}</span> <span v-else>{{newSoBetween1}}~{{newSoBetween2}}</span>
              </el-tag>
              <el-tag v-show="showServiceData" closable @close="clearServiceDate">Service
                Date({{timeMarkDate.serviceDateMark}}) {{symbolData.serviceDateValueChange}} <span v-if="serviceValue">{{serviceValue}}</span>
                <span v-else>{{newServiceBetween1}}~{{newServiceBetween2}}</span></el-tag>
              <i class="iconfont icon-guanbi" @click="clearTime"></i>
            </div>
            <div class="content"
                 v-show="( gepgraphy.geoSValue.toString() !== '') || ( gepgraphy.regionSValue.toString() !== '') || ( gepgraphy.countrySValue.toString() !== '')">
              <span class="title">Geography:</span>
              <!--情况一-->
              <el-tag v-show=" gepgraphy.geoSValue.toString() !== ''" closable
                      @close="clearGeo">GEO{{gepgraphy.geoSValue}}
              </el-tag>
              <!--情况二-->
              <el-tag v-show=" gepgraphy.regionSValue.toString() !== ''" closable
                      @close="clearRegion">Region{{gepgraphy.regionSValue}}
              </el-tag>
              <el-tag v-show=" gepgraphy.countrySValue.toString() !== ''"
                      closable @close="clearCountry">Country{{gepgraphy.countrySValue}}
              </el-tag>
              <i class="iconfont icon-guanbi" @click="clearGeography"></i>
            </div>
            <div class="content"
                 v-show="(bp.groupSValues.length !== 0) || (bp.bpIdSValues.length !== 0) || (bp.bpNameSValues.length !== 0)">
              <span class="title">Customer ID/Name:</span>
              <!--情况一-->
              <el-tag v-show="bp.groupSValues.length !== 0" closable @close="clearGroup">
                Group Name{{bp.groupSValues}}
              </el-tag>
              <!--情况二-->
              <el-tag v-show="bp.bpIdSValues.length !== 0" closable
                      @close="clearBpId">Customer ID{{bp.bpIdSValues}}
              </el-tag>
              <el-tag v-show="bp.bpNameSValues.length !== 0" closable
                      @close="clearBpName">Customer Name{{bp.bpNameSValues}}
              </el-tag>
              <i class="iconfont icon-guanbi" @click="clearBp"></i>
            </div>
            <div class="content"
                 v-show="(tags.industrySValue.toString() !== '') || (tags.nilsonIdSValues.length !== 0) || (tags.loyaltySValue.toString() !== '') || (tags.scaleSValue.toString() !== '') || (tags.crossBuySValue.toString() !== '')">
              <span class="title">Tags：</span>
              <!--情况一-->
              <el-tag v-show="tags.industrySValue.toString() !== ''" closable
                      @close="clearIndustry">Industry {{tags.industrySValue}}
              </el-tag>
              <!--情况二-->
              <el-tag v-show="tags.nilsonIdSValues.length !== 0" closable
                      @close="clearNielsonId">Nielsen ID {{tags.nilsonIdSValues}}
              </el-tag>
              <el-tag v-show="tags.loyaltySValue.toString() !== ''" closable
                      @close="clearLoyalty">Loyalty {{tags.loyaltySValue}}
              </el-tag>
              <el-tag v-show="tags.scaleSValue.toString() !== ''" closable
                      @close="clearScale">GP Size {{tags.scaleSValue}}
              </el-tag>
              <el-tag v-show="tags.crossBuySValue.toString() !== ''" closable
                      @close="clearCrossBuy">Cross Buy {{tags.crossBuySValue}}
              </el-tag>
              <i class="iconfont icon-guanbi" @click="clearTags"></i>
            </div>
            <div class="content"
                 v-show="(product.bgSValue.toString() !== '') || (product.buSValue.toString() !== '') || (product.brandSValues.length !== 0) || (product.productSeriesSValues.length !== 0) || (product.productFamilySValues.length !== 0) || (product.materialSValue.toString() !== '') || (product.snSValue.toString() !== '')">
              <span class="title">Product：</span>
              <!--情况一-->
              <el-tag v-show="product.bgSValue.toString() !== ''" closable
                      @close="clearBg">
                BG {{product.bgSValue}}
              </el-tag>
              <!--情况二-->
              <el-tag v-show="product.buSValue.toString() !== ''" closable
                      @close="clearBu">BU {{product.buSValue}}
              </el-tag>
              <el-tag v-show="product.brandSValues.length !== 0" closable
                      @close="clearBrand">Brand {{product.brandSValues}}
              </el-tag>
              <el-tag
                v-show="product.productSeriesSValues.length !== 0"
                closable @close="clearProductSeries">
                Prod Series {{product.productSeriesSValues}}
              </el-tag>
              <el-tag
                v-show="product.productFamilySValues.length !== 0"
                closable @close="clearProductFamily">
                Prod Family {{product.productFamilySValues}}
              </el-tag>
              <el-tag v-show="product.materialSValue.toString() !== ''"
                      closable @close="clearMaterial">
                Material {{product.materialSValue}}
              </el-tag>
              <el-tag v-show="product.snSValue.toString() !== ''" closable
                      @close="clearSn">SN {{product.snSValue}}
              </el-tag>
              <i class="iconfont icon-guanbi" @click="clearProduct"></i>
            </div>
            <div class="content"
                 v-show="(transaction.segmentSValue.toString() !== '') || (transaction.soSValues.length !== 0) || (transaction.billingSValues.length !== 0) || (transaction.caSValue.toString() !== '') || (transaction.gpSValue.toString() !== '') || (transaction.gp2SValue.toString() !== '') || (transaction.revenueSValue.toString() !== '')">
              <span class="title">Transaction：</span>
              <!--情况一-->
              <el-tag v-show="transaction.segmentSValue.toString() !== ''" closable
                      @close="clearSegment">Segment {{transaction.segmentSValue}}
              </el-tag>
              <!--情况二-->
              <el-tag v-show="transaction.soSValues.length !== 0" closable
                      @close="clearSo">Sales Order Num {{transaction.soSValues}}
              </el-tag>
              <el-tag v-show="transaction.billingSValues.length !== 0"
                      closable @close="clearBilling">
                Billing Num {{transaction.billingSValues}}
              </el-tag>
              <el-tag v-show="transaction.caSValue.toString() !== ''" closable
                      @close="clearCa">Sell In Qty {{transaction.caSValue}}
              </el-tag>
              <el-tag v-show="transaction.gpSValue.toString() !== ''" closable
                      @close="clearGp">GP {{transaction.gpSValue}}
              </el-tag>
              <el-tag v-show="transaction.gp2SValue.toString() !== ''" closable
                      @close="clearGp2">GP% {{transaction.gp2SValue}}
              </el-tag>
              <el-tag v-show="transaction.revenueSValue.toString() !== ''"
                      closable @close="clearRevenue">
                Revenue {{transaction.revenueSValue}}
              </el-tag>
              <i class="iconfont icon-guanbi" @click="clearTransaction"></i>
            </div>
            <div class="content"
                 v-show="( industry.tradeNameSValue.toString() !== '') || ( industry.industryNameSValue.toString() !== '') || ( industry.mainIndustrySValue.toString() !== '') || ( industry.subIndustrySValue.toString() !== '')||( industry.subIndustrySValue2.toString() !== '')  ">
              <span class="title">Industry:</span>
              <!--情况一-->
              <el-tag v-show=" industry.tradeNameSValue.toString() !== ''" closable
                      @close="clearTradeName">Trade Name{{industry.tradeNameSValue}}
              </el-tag>
              <!--情况二-->
              <el-tag v-show=" industry.industryNameSValue.toString() !== ''" closable
                      @close="clearIndustryName">Industry Name{{industry.industryNameSValue}}
              </el-tag>
              <el-tag v-show=" industry.mainIndustrySValue.toString() !== ''"
                      closable @close="clearMainIndustry">Main Industry{{industry.mainIndustrySValue}}
              </el-tag>
              <el-tag v-show=" industry.subIndustrySValue.toString() !== ''"
                      closable @close="clearSubIndustry">Sub Industry 1{{industry.subIndustrySValue}}
              </el-tag>
              <el-tag v-show=" industry.subIndustrySValue2.toString() !== ''"
                      closable @close="clearSubIndustry2">Sub Industry 2{{industry.subIndustrySValue2}}
              </el-tag>
              <i class="iconfont icon-guanbi" @click="clearIndustry2"></i>
            </div>
            <div class="content"
                 v-show="(area.regionSValue.toString() !== '') || (area.managerDistrictSValue.toString() !== '') || (area.provinceSValue.toString() !== '') || (area.countySValue.toString() !== '')">
              <span class="title">Area:</span>
              <!--情况一-->
              <el-tag v-show="area.regionSValue.toString() !== ''" closable
                      @close="clearAreaRegion">Region{{area.regionSValue}}
              </el-tag>
              <!--情况二-->
              <el-tag v-show="area.managerDistrictSValue.toString() !== ''" closable
                      @close="clearAreaManagerDistrict">Manager District{{area.managerDistrictSValue}}
              </el-tag>
              <el-tag v-show="area.provinceSValue.toString() !== ''"
                      closable @close="clearAreaProvince">Province{{area.provinceSValue}}
              </el-tag>
              <el-tag v-show="area.countySValue.toString() !== ''"
                      closable @close="clearAreaCounty">County{{area.countySValue}}
              </el-tag>
              <i class="iconfont icon-guanbi" @click="clearArea2"></i>
            </div>
            <div class="content" v-show="showTime2">
              <span class="title">Time:</span>
              <el-tag v-show="showMachineBuildDate" closable @close="clearMachineBuildDate">Build Date:
                <span>{{MachineBuildDateBetween1}}~{{MachineBuildDateBetween2}}</span></el-tag>
              <el-tag v-show="showMachineShipDate" closable @close="clearMachineShipDate">Ship Date:
                <span>{{MachineShipDateBetween1}}~{{MachineShipDateBetween2}}</span>
              </el-tag>
              <el-tag v-show="showMachineRegisterDate" closable @close="clearMachineRegisterDate">Register Date:
                <span>{{MachineRegisterDateBetween1}}~{{MachineRegisterDateBetween2}}</span>
              </el-tag>
              <el-tag v-show="showMachineEndServiceDate" closable @close="clearMachineEndServiceDate">End Of Service Date:
                <span>{{MachineEndServiceDateBetween1}}~{{MachineEndServiceDateBetween2}}</span></el-tag>
              <el-tag v-show="showBillingDate2" closable @close="clearBillingDate2">Billing Date:
                <span>{{BillingDateBetween1}}~{{BillingDateBetween2}}</span></el-tag>
              <i class="iconfont icon-guanbi" @click="clearTime2"></i>
            </div>
            <div class="content"
                 v-show="( geography.MachineShipToCountrySValue.toString() !== '') || ( geography.SalesGeographySValue.toString() !== '') || ( geography.MachineCustomerAccountCountrySValue.toString() !== '') || ( geography.MachineCustomerAccountRegionSValue.toString() !== '') || ( geography.MachineCustomerAccountCitySValue.toString() !== '')">
              <span class="title">Geography:</span>
              <!--情况一-->
              <el-tag v-show=" geography.MachineShipToCountrySValue.toString() !== ''" closable
                      @close="clearShipToCountry">Ship To Country{{geography.MachineShipToCountrySValue}}
              </el-tag>
              <!--情况二-->
              <el-tag v-show=" geography.SalesGeographySValue.toString() !== ''" closable
                      @close="clearSalesGeography">Sales Geography{{geography.SalesGeographySValue}}
              </el-tag>
              <el-tag v-show=" geography.MachineCustomerAccountCountrySValue.toString() !== ''"
                      closable @close="clearAccountCountry">Account Country{{geography.MachineCustomerAccountCountrySValue}}
              </el-tag>
              <el-tag v-show=" geography.MachineCustomerAccountRegionSValue.toString() !== ''"
                      closable @close="clearAccountRegion">Account Region{{geography.MachineCustomerAccountRegionSValue}}
              </el-tag>
              <el-tag v-show=" geography.MachineCustomerAccountCitySValue.toString() !== ''"
                      closable @close="clearAccountCity">Account City{{geography.MachineCustomerAccountCitySValue}}
              </el-tag>
              <i class="iconfont icon-guanbi" @click="clearMachineGeography"></i>
            </div>
            <div class="content"
                 v-show="( machineCustomer.IdSValue.toString() !== '') || ( machineCustomer.GroupNameSValue.toString() !== '') || ( machineCustomer.AccountNameSValue.toString() !== '')">
              <span class="title">Customer:</span>
              <!--情况一-->
              <el-tag v-show="machineCustomer.IdSValue.toString() !== ''" closable
                      @close="clearId">ID{{machineCustomer.IdSValue}}
              </el-tag>
              <!--情况二-->
              <el-tag v-show="machineCustomer.GroupNameSValue.toString() !== ''" closable
                      @close="clearGroupName">Group Name{{machineCustomer.GroupNameSValue}}
              </el-tag>
              <el-tag v-show=" machineCustomer.AccountNameSValue.toString() !== ''"
                      closable @close="clearAccountName">Account Name{{machineCustomer.AccountNameSValue}}
              </el-tag>
              <i class="iconfont icon-guanbi" @click="clearMachineCustomer"></i>
            </div>
            <div class="content"
                 v-show="( machineProduct.bgSValue.toString() !== '')||( machineProduct.SNSValue.toString() !== '') || ( machineProduct.MaterialSValue.toString() !== '') || ( machineProduct.GroupNameSValue.toString() !== '') || ( machineProduct.BrandNameSValue.toString() !== '') || (machineProduct.SeriesNameSValue.toString() !== '') ||(machineProduct.SubsetNameSValue.toString() !== '')  ">
              <span class="title">Product:</span>
              <!--情况一-->
              <el-tag v-show="machineProduct.bgSValue.toString() !== ''" closable
                      @close="clearMachineBg">
                BG {{machineProduct.bgSValue}}
              </el-tag>
              <el-tag v-show="machineProduct.SNSValue.toString() !== ''" closable
                      @close="clearMachineSN">SN{{machineProduct.SNSValue}}
              </el-tag>
              <!--情况二-->
              <el-tag v-show=" machineProduct.MaterialSValue.toString() !== ''" closable
                      @close="clearMachineMaterial">Material{{machineProduct.MaterialSValue}}
              </el-tag>
              <el-tag v-show=" machineProduct.GroupNameSValue.toString() !== ''"
                      closable @close="clearMachineGroupName">Group Name{{machineProduct.GroupNameSValue}}
              </el-tag>
              <el-tag v-show=" machineProduct.BrandNameSValue.toString() !== ''"
                      closable @close="clearMachineBrandName">Brand Name{{machineProduct.BrandNameSValue}}
              </el-tag>
              <el-tag v-show="machineProduct.SeriesNameSValue.toString() !== ''"
                      closable @close="clearMachineSeriesName">Series Name{{machineProduct.SeriesNameSValue}}
              </el-tag>
              <el-tag v-show="machineProduct.SubsetNameSValue.toString() !== ''"
                      closable @close="clearMachineSubsetName">Subset Name{{machineProduct.SubsetNameSValue}}
              </el-tag>
              <i class="iconfont icon-guanbi" @click="clearMachineProduct"></i>
            </div>
            <div class="content"
                 v-show="(machineTransaction.soSValue.toString() !== '') || (machineTransaction.billingSValue.toString() !== '')">
              <span class="title">Transaction:</span>
              <!--情况一-->
              <el-tag v-show="machineTransaction.soSValue.toString() !== ''" closable
                      @close="clearMachineSo">Sales Order Num{{machineTransaction.soSValue}}
              </el-tag>
              <!--情况二-->
              <el-tag v-show="machineTransaction.billingSValue.toString() !== ''" closable
                      @close="clearMachineBilling">Billing Num{{machineTransaction.billingSValue}}
              </el-tag>
              <i class="iconfont icon-guanbi" @click="clearMachineTransaction"></i>
            </div>
          </el-col>
        </el-row>
      </div>
      <el-tabs v-model="activeName" type="card" v-if="(chart.value === 'transaction' || chart.value === 'service')">
        <el-tab-pane :label="$t('filter.Time')" name="Time">
          <div>
            <div v-if="chart.value === 'transaction'">
              <el-row>
                <el-col :span="5" style="margin-right: 1%" :offset="0">
                  <div class="grid-content bg-purple">{{$t('filter.BillingDate')}}</div>
                </el-col>
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple-light timer">
                    <el-cascader
                      expand-trigger="hover"
                      :options="time.options"
                      v-model="time.selectedOptions"
                      @change="billingDateChange"
                      :placeholder="$t('filter.optPlaceholder')"
                      popper-class="casSelect">
                    </el-cascader>
                  </div>
                </el-col>
                <el-col :span="12" :offset="1">
                  <!--v-if="showBetweenYear && time.selectedOptions[1] === 'billing_year_fis'"-->
                  <el-row :gutter="25" v-if="time.selectedOptions[1] === 'billing_year_fis'">
                    <el-col :span="1">
                      <span>{{$t('filter.from')}}</span>
                    </el-col>
                    <el-col :span="10" :offset="1">
                      <el-select v-model="billingBetween1" :placeholder="$t('filter.year')" @change="billingYearFisChange1">
                        <el-option
                          v-for="item in billingYearOptions"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value">
                        </el-option>
                      </el-select>
                    </el-col>
                    <el-col :span="1" :offset="0">
                      <span>{{$t('filter.to')}}</span>
                    </el-col>
                    <el-col :span="10">
                      <el-select v-model="billingBetween2" :placeholder="$t('filter.year')" @change="billingYearFisChange2">
                        <el-option
                          v-for="item in billingYearOptions"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value">
                        </el-option>
                      </el-select>
                    </el-col>
                  </el-row>
                  <el-row :gutter="25" v-if="time.selectedOptions[1] === 'billing_year'">
                    <el-col :span="1">
                      <span>{{$t('filter.from')}}</span>
                    </el-col>
                    <el-col :span="10" :offset="1">
                      <el-date-picker
                        v-model="billingBetween1"
                        @change="billingChange1"
                        value-format="yyyy"
                        align="right"
                        type="year"
                        :placeholder="$t('filter.year')">
                      </el-date-picker>
                    </el-col>
                    <el-col :span="1" :offset="0">
                      <span>{{$t('filter.to')}}</span>
                    </el-col>
                    <el-col :span="10">
                      <el-date-picker
                        v-model="billingBetween2"
                        @change="billingChange2"
                        value-format="yyyy"
                        align="right"
                        type="year"
                        :placeholder="$t('filter.year')">
                      </el-date-picker>
                    </el-col>
                  </el-row>
                  <el-row :gutter="25" v-if="time.selectedOptions[1] === 'billing_quarter_fis'">
                    <el-col :span="1">
                      <span>{{$t('filter.from')}}</span>
                    </el-col>
                    <el-col :span="10" :offset="1">
                      <q-select v-model="billingBetween1" :time="qshijian" :startT="shijianfangwei1"
                                :endT="shijianfangwei2" @change="billingChange1"></q-select>
                    </el-col>
                    <el-col :span="1" :offset="0">
                      <span>{{$t('filter.to')}}</span>
                    </el-col>
                    <el-col :span="10">
                      <q-select v-model="billingBetween2" :time="qshijian" :startT="shijianfangwei1"
                                :endT="shijianfangwei2" @change="billingChange2"></q-select>
                    </el-col>
                  </el-row>
                  <el-row :gutter="25" v-if="time.selectedOptions[1] === 'billing_quarter'">
                    <el-col :span="1">
                      <span>{{$t('filter.from')}}</span>
                    </el-col>
                    <el-col :span="10" :offset="1">
                      <cq-select v-model="billingBetween1" :time="qshijian" :startT="shijianfangwei1"
                                :endT="shijianfangwei2" @change="billingChange1"></cq-select>
                    </el-col>
                    <el-col :span="1" :offset="0">
                      <span>{{$t('filter.to')}}</span>
                    </el-col>
                    <el-col :span="10">
                      <cq-select v-model="billingBetween2" :time="qshijian" :startT="shijianfangwei1"
                                :endT="shijianfangwei2" @change="billingChange2"></cq-select>
                    </el-col>
                  </el-row>
                  <el-row :gutter="25" v-if="time.selectedOptions[1] === 'billing_month_fis'">
                    <el-col :span="1">
                      <span>{{$t('filter.from')}}</span>
                    </el-col>
                    <el-col :span="10" :offset="1">
                      <m-select v-model="billingBetween1" :time="shijian" :startT="shijianfangwei1"
                                :endT="shijianfangwei2" @change="billingChange1"></m-select>
                    </el-col>
                    <el-col :span="1" :offset="0">
                      <span>{{$t('filter.to')}}</span>
                    </el-col>
                    <el-col :span="10">
                      <m-select v-model="billingBetween2" :time="shijian" :startT="shijianfangwei1"
                                :endT="shijianfangwei2" @change="billingChange2"></m-select>
                    </el-col>
                  </el-row>
                  <el-row :gutter="25" v-if="time.selectedOptions[1] === 'billing_month'">
                    <el-col :span="1">
                      <span>{{$t('filter.from')}}</span>
                    </el-col>
                    <el-col :span="10" :offset="1">
                      <el-date-picker
                        v-model="billingBetween1"
                        @change="billingChange1"
                        format="yyyy/MM"
                        value-format="yyyyMM"
                        type="month"
                        :placeholder="$t('filter.month')">
                      </el-date-picker>
                    </el-col>
                    <el-col :span="1" :offset="0">
                      <span>{{$t('filter.to')}}</span>
                    </el-col>
                    <el-col :span="10">
                      <el-date-picker
                        v-model="billingBetween2 "
                        @change="billingChange2"
                        format="yyyy/MM"
                        value-format="yyyyMM"
                        type="month"
                        :placeholder="$t('filter.month')">
                      </el-date-picker>
                    </el-col>
                  </el-row>
                  <el-row :gutter="25" v-if="showBetweenDate">
                    <el-col :span="1">
                      <span>{{$t('filter.from')}}</span>
                    </el-col>
                    <el-col :span="10" :offset="1">
                      <el-date-picker
                        v-model="billingBetween1"
                        @change="billingChange1"
                        format="yyyy/MM/dd"
                        value-format="yyyyMMdd"
                        type="date"
                        :placeholder="$t('filter.date')">
                      </el-date-picker>
                    </el-col>
                    <el-col :span="1" :offset="0">
                      <span>{{$t('filter.to')}}</span>
                    </el-col>
                    <el-col :span="10">
                      <el-date-picker
                        v-model="billingBetween2"
                        @change="billingChange2"
                        format="yyyy/MM/dd"
                        value-format="yyyyMMdd"
                        type="date"
                        :placeholder="$t('filter.date')">
                      </el-date-picker>
                    </el-col>
                  </el-row>
                  <el-row :gutter="25" v-if="showBetweenWeek">
                    <el-col :span="1">
                      <span>{{$t('filter.from')}}</span>
                    </el-col>
                    <el-col :span="10" :offset="1">
                      <el-date-picker
                        v-model="value4"
                        type="week"
                        format="yyyy/WW"
                        :placeholder="$t('filter.week')"
                        @change="getTime1(value4)">
                      </el-date-picker>
                    </el-col>
                    <el-col :span="1" :offset="0">
                      <span>{{$t('filter.to')}}</span>
                    </el-col>
                    <el-col :span="10">
                      <el-date-picker
                        v-model="value5"
                        type="week"
                        format="yyyy/WW"
                        :placeholder="$t('filter.week')"
                        @change="getTime2(value5)">
                      </el-date-picker>
                    </el-col>
                  </el-row>
                </el-col>
                <el-col :span="1" :offset="0">
                  <div class="grid-content bg-purple clear">
                    <span class="clear" @click="clearBillingDate">{{$t('filter.clear')}}</span>
                  </div>
                </el-col>
                <!--<el-col :span="2"><div class="grid-content bg-purple">-->
                <!--<el-button type=" primary" round>{{$t('filter.paste')}}</el-button>-->
                <!--</div></el-col>-->
              </el-row>
              <el-row>
                <el-col :span="5" style="margin-right: 1%" :offset="0">
                  <div class="grid-content bg-purple">{{$t('filter.DeliveryDate')}}</div>
                </el-col>
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple-light">
                    <el-cascader
                      expand-trigger="hover"
                      :options="time.optionsDelivery"
                      v-model="time.selectedOptionsDelivery"
                      @change="DeliveryGiDateChange"
                      :placeholder="$t('filter.optPlaceholder')"
                      popper-class="casSelect">
                    </el-cascader>
                  </div>
                </el-col>
                <el-col :span="12" :offset="1">
                  <el-row :gutter="25" v-if="time.selectedOptionsDelivery[1] === 'delivery_gi_year_fis'">
                    <el-col :span="1">
                      <span>{{$t('filter.from')}}</span>
                    </el-col>
                    <el-col :span="10" :offset="1">
                      <el-select v-model="time.deliveryBetween1" :placeholder="$t('filter.year')" @change="deliveryGiYearFisChange1">
                        <el-option
                          v-for="item in billingYearOptions"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value">
                        </el-option>
                      </el-select>
                    </el-col>
                    <el-col :span="1" :offset="0">
                      <span>{{$t('filter.to')}}</span>
                    </el-col>
                    <el-col :span="10">
                      <el-select v-model="time.deliveryBetween2" :placeholder="$t('filter.year')" @change="deliveryGiYearFisChange2">
                        <el-option
                          v-for="item in billingYearOptions"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value">
                        </el-option>
                      </el-select>
                    </el-col>
                  </el-row>
                  <el-row :gutter="25" v-if="time.selectedOptionsDelivery[1] === 'delivery_gi_year'">
                    <el-col :span="1">
                      <span>{{$t('filter.from')}}</span>
                    </el-col>
                    <el-col :span="10" :offset="1">
                      <el-date-picker
                        v-model="time.deliveryBetween1"
                        @change="deliveryGiChange1"
                        value-format="yyyy"
                        align="right"
                        type="year"
                        :placeholder="$t('filter.year')">
                      </el-date-picker>
                    </el-col>
                    <el-col :span="1" :offset="0">
                      <span>{{$t('filter.to')}}</span>
                    </el-col>
                    <el-col :span="10">
                      <el-date-picker
                        v-model="time.deliveryBetween2"
                        @change="deliveryGiChange2"
                        value-format="yyyy"
                        align="right"
                        type="year"
                        :placeholder="$t('filter.year')">
                      </el-date-picker>
                    </el-col>
                  </el-row>
                  <el-row :gutter="25" v-if="time.selectedOptionsDelivery[1] === 'delivery_gi_quarter_fis'">
                    <el-col :span="1">
                      <span>{{$t('filter.from')}}</span>
                    </el-col>
                    <el-col :span="10" :offset="1">
                      <q-select v-model="billingBetween1" :time="qshijian" :startT="shijianfangwei1"
                                :endT="shijianfangwei2" @change="deliveryGiChange1"></q-select>
                    </el-col>
                    <el-col :span="1" :offset="0">
                      <span>{{$t('filter.to')}}</span>
                    </el-col>
                    <el-col :span="10">
                      <q-select v-model="billingBetween2" :time="qshijian" :startT="shijianfangwei1"
                                :endT="shijianfangwei2" @change="deliveryGiChange2"></q-select>
                    </el-col>
                  </el-row>
                  <el-row :gutter="25" v-if="time.selectedOptionsDelivery[1] === 'delivery_gi_quarter'">
                    <el-col :span="1">
                      <span>{{$t('filter.from')}}</span>
                    </el-col>
                    <el-col :span="10" :offset="1">
                      <cq-select v-model="billingBetween1" :time="qshijian" :startT="shijianfangwei1"
                                :endT="shijianfangwei2" @change="deliveryGiChange1"></cq-select>
                    </el-col>
                    <el-col :span="1" :offset="0">
                      <span>{{$t('filter.to')}}</span>
                    </el-col>
                    <el-col :span="10">
                      <cq-select v-model="billingBetween2" :time="qshijian" :startT="shijianfangwei1"
                                :endT="shijianfangwei2" @change="deliveryGiChange2"></cq-select>
                    </el-col>
                  </el-row>
                  <el-row :gutter="25" v-if="time.selectedOptionsDelivery[1] === 'delivery_gi_month'">
                    <el-col :span="1">
                      <span>{{$t('filter.from')}}</span>
                    </el-col>
                    <el-col :span="10" :offset="1">
                      <el-date-picker
                        v-model="time.deliveryBetween1"
                        @change="deliveryGiChange1"
                        format="yyyy/MM"
                        value-format="yyyyMM"
                        type="month"
                        :placeholder="$t('filter.month')">
                      </el-date-picker>
                    </el-col>
                    <el-col :span="1" :offset="0">
                      <span>{{$t('filter.to')}}</span>
                    </el-col>
                    <el-col :span="10">
                      <el-date-picker
                        v-model="time.deliveryBetween2"
                        @change="deliveryGiChange2"
                        format="yyyy/MM"
                        value-format="yyyyMM"
                        type="month"
                        :placeholder="$t('filter.month')">
                      </el-date-picker>
                    </el-col>
                  </el-row>
                  <el-row :gutter="25" v-if="time.selectedOptionsDelivery[1] === 'delivery_gi_month_fis'">
                    <el-col :span="1">
                      <span>{{$t('filter.from')}}</span>
                    </el-col>
                    <el-col :span="10" :offset="1">
                      <m-select v-model="time.deliveryBetween1" :time="shijian" :startT="shijianfangwei1"
                                :endT="shijianfangwei2" @change="deliveryGiChange1"></m-select>
                    </el-col>
                    <el-col :span="1" :offset="0">
                      <span>{{$t('filter.to')}}</span>
                    </el-col>
                    <el-col :span="10">
                      <m-select v-model="time.deliveryBetween2" :time="shijian" :startT="shijianfangwei1"
                                :endT="shijianfangwei2" @change="deliveryGiChange2"></m-select>
                    </el-col>
                  </el-row>
                  <el-row :gutter="25" v-if="time.deliveryShowBetweenDate">
                    <el-col :span="1">
                      <span>{{$t('filter.from')}}</span>
                    </el-col>
                    <el-col :span="10" :offset="1">
                      <el-date-picker
                        v-model="time.deliveryBetween1"
                        @change="deliveryGiChange1"
                        format="yyyy/MM/dd"
                        value-format="yyyyMMdd"
                        type="date"
                        :placeholder="$t('filter.date')">
                      </el-date-picker>
                    </el-col>
                    <el-col :span="1" :offset="0">
                      <span>{{$t('filter.to')}}</span>
                    </el-col>
                    <el-col :span="10">
                      <el-date-picker
                        v-model="time.deliveryBetween2"
                        @change="deliveryGiChange2"
                        format="yyyy/MM/dd"
                        value-format="yyyyMMdd"
                        type="date"
                        :placeholder="$t('filter.date')">
                      </el-date-picker>
                    </el-col>
                  </el-row>
                  <el-row :gutter="25" v-if="time.deliveryShowBetweenWeek">
                    <el-col :span="1">
                      <span>{{$t('filter.from')}}</span>
                    </el-col>
                    <el-col :span="10" :offset="1">
                      <el-date-picker
                        v-model="deliveryWeekValues1"
                        type="week"
                        format="yyyy/WW"
                        :placeholder="$t('filter.week')"
                        @change="getTime3(deliveryWeekValues1)">
                      </el-date-picker>
                    </el-col>
                    <el-col :span="1" :offset="0">
                      <span>{{$t('filter.to')}}</span>
                    </el-col>
                    <el-col :span="10">
                      <el-date-picker
                        v-model="deliveryWeekValues2"
                        type="week"
                        format="yyyy/WW"
                        :placeholder="$t('filter.week')"
                        @change="getTime4(deliveryWeekValues2)">
                      </el-date-picker>
                    </el-col>
                  </el-row>
                </el-col>
                <el-col :span="1" :offset="0">
                  <div class="grid-content bg-purple clear">
                    <span class="clear" @click="cleardeliveryValue">{{$t('filter.clear')}}</span>
                  </div>
                </el-col>
                <!--<el-col :span="2"><div class="grid-content bg-purple">-->
                <!--<el-button type=" primary" round>{{$t('filter.paste')}}</el-button>-->
                <!--</div></el-col>-->
              </el-row>
              <el-row>
                <el-col :span="5" style="margin-right: 1%" :offset="0">
                  <!--<div class="grid-content bg-purple">SO Date</div>-->
                  <div class="grid-content bg-purple">{{$t('filter.SalesOrderCreateDate')}}</div>
                </el-col>
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple-light">
                    <el-cascader
                      expand-trigger="hover"
                      :options="time.optionsSo"
                      v-model="time.selectedOptionsSo"
                      @change="SalesOrderCreateDate"
                      :placeholder="$t('filter.optPlaceholder')"
                      popper-class="casSelect">
                    </el-cascader>
                  </div>
                </el-col>
                <el-col :span="12" :offset="1">
                  <el-row :gutter="25" v-if="time.selectedOptionsSo[1] === 'sales_order_create_year_fis'">
                    <el-col :span="1">
                      <span>{{$t('filter.from')}}</span>
                    </el-col>
                    <el-col :span="10" :offset="1">
                      <el-select v-model="soBetween1" :placeholder="$t('filter.year')" @change="salesOrderCreateYearFisChange1">
                        <el-option
                          v-for="item in billingYearOptions"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value">
                        </el-option>
                      </el-select>
                    </el-col>
                    <el-col :span="1" :offset="0">
                      <span>{{$t('filter.to')}}</span>
                    </el-col>
                    <el-col :span="10">
                      <el-select v-model="soBetween2" :placeholder="$t('filter.year')" @change="salesOrderCreateYearFisChange2">
                        <el-option
                          v-for="item in billingYearOptions"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value">
                        </el-option>
                      </el-select>
                    </el-col>
                  </el-row>
                  <el-row :gutter="25" v-if="time.selectedOptionsSo[1] === 'sales_order_create_year'">
                    <el-col :span="1">
                      <span>{{$t('filter.from')}}</span>
                    </el-col>
                    <el-col :span="10" :offset="1">
                      <el-date-picker
                        v-model="soBetween1"
                        @change="salesOrderCreateChange1"
                        value-format="yyyy"
                        align="right"
                        type="year"
                        :placeholder="$t('filter.year')">
                      </el-date-picker>
                    </el-col>
                    <el-col :span="1" :offset="0">
                      <span>{{$t('filter.to')}}</span>
                    </el-col>
                    <el-col :span="10">
                      <el-date-picker
                        v-model="soBetween2"
                        @change="salesOrderCreateChange2"
                        value-format="yyyy"
                        align="right"
                        type="year"
                        :placeholder="$t('filter.year')">
                      </el-date-picker>
                    </el-col>
                  </el-row>
                  <el-row :gutter="25" v-if="time.selectedOptionsSo[1] === 'sales_order_create_quarter_fis'">
                    <el-col :span="1">
                      <span>{{$t('filter.from')}}</span>
                    </el-col>
                    <el-col :span="10" :offset="1">
                      <q-select v-model="soBetween1" :time="qshijian" :startT="shijianfangwei1"
                                :endT="shijianfangwei2" @change="salesOrderCreateChange1"></q-select>
                    </el-col>
                    <el-col :span="1" :offset="0">
                      <span>{{$t('filter.to')}}</span>
                    </el-col>
                    <el-col :span="10">
                      <q-select v-model="soBetween1" :time="qshijian" :startT="shijianfangwei1"
                                :endT="shijianfangwei2" @change="salesOrderCreateChange2"></q-select>
                    </el-col>
                  </el-row>
                  <el-row :gutter="25" v-if="time.selectedOptionsSo[1] === 'sales_order_create_quarter'">
                    <el-col :span="1">
                      <span>{{$t('filter.from')}}</span>
                    </el-col>
                    <el-col :span="10" :offset="1">
                      <cq-select v-model="soBetween1" :time="qshijian" :startT="shijianfangwei1"
                                :endT="shijianfangwei2" @change="salesOrderCreateChange1"></cq-select>
                    </el-col>
                    <el-col :span="1" :offset="0">
                      <span>{{$t('filter.to')}}</span>
                    </el-col>
                    <el-col :span="10">
                      <cq-select v-model="soBetween1" :time="qshijian" :startT="shijianfangwei1"
                                :endT="shijianfangwei2" @change="salesOrderCreateChange2"></cq-select>
                    </el-col>
                  </el-row>
                  <el-row :gutter="25" v-if="time.selectedOptionsSo[1] === 'sales_order_create_month'">
                    <el-col :span="1">
                      <span>{{$t('filter.from')}}</span>
                    </el-col>
                    <el-col :span="10" :offset="1">
                      <el-date-picker
                        v-model="soBetween1"
                        @change="salesOrderCreateChange1"
                        format="yyyy/MM"
                        value-format="yyyyMM"
                        type="month"
                        :placeholder="$t('filter.month')">
                      </el-date-picker>
                    </el-col>
                    <el-col :span="1" :offset="0">
                      <span>{{$t('filter.to')}}</span>
                    </el-col>
                    <el-col :span="10">
                      <el-date-picker
                        v-model="soBetween2 "
                        @change="salesOrderCreateChange2"
                        format="yyyy/MM"
                        value-format="yyyyMM"
                        type="month"
                        :placeholder="$t('filter.month')">
                      </el-date-picker>
                    </el-col>
                  </el-row>
                  <el-row :gutter="25" v-if="time.selectedOptionsSo[1] === 'sales_order_create_month_fis'">
                    <el-col :span="1">
                      <span>{{$t('filter.from')}}</span>
                    </el-col>
                    <el-col :span="10" :offset="1">
                      <m-select v-model="soBetween1" :time="shijian" :startT="shijianfangwei1"
                                :endT="shijianfangwei2" @change="salesOrderCreateChange1"></m-select>
                    </el-col>
                    <el-col :span="1" :offset="0">
                      <span>{{$t('filter.to')}}</span>
                    </el-col>
                    <el-col :span="10">
                      <m-select v-model="soBetween2" :time="shijian" :startT="shijianfangwei1"
                                :endT="shijianfangwei2" @change="salesOrderCreateChange2"></m-select>
                    </el-col>
                  </el-row>
                  <el-row :gutter="25" v-if="soshowBetweenDate">
                    <el-col :span="1">
                      <span>{{$t('filter.from')}}</span>
                    </el-col>
                    <el-col :span="10" :offset="1">
                      <el-date-picker
                        v-model="soBetween1"
                        @change="salesOrderCreateChange1"
                        format="yyyy/MM/dd"
                        value-format="yyyyMMdd"
                        type="date"
                        :placeholder="$t('filter.date')">
                      </el-date-picker>
                    </el-col>
                    <el-col :span="1" :offset="0">
                      <span>{{$t('filter.to')}}</span>
                    </el-col>
                    <el-col :span="10">
                      <el-date-picker
                        v-model="soBetween2"
                        @change="salesOrderCreateChange2"
                        format="yyyy/MM/dd"
                        value-format="yyyyMMdd"
                        type="date"
                        :placeholder="$t('filter.date')">
                      </el-date-picker>
                    </el-col>
                  </el-row>
                  <el-row :gutter="25" v-if="soshowBetweenWeek">
                    <el-col :span="1">
                      <span>{{$t('filter.from')}}</span>
                    </el-col>
                    <el-col :span="10" :offset="1">
                      <el-date-picker
                        v-model="soWeekValues1"
                        type="week"
                        format="yyyy/WW"
                        :placeholder="$t('filter.week')"
                        @change="getTime5(soWeekValues1)">
                      </el-date-picker>
                    </el-col>
                    <el-col :span="1" :offset="0">
                      <span>{{$t('filter.to')}}</span>
                    </el-col>
                    <el-col :span="10">
                      <el-date-picker
                        v-model="soWeekValues2"
                        type="week"
                        format="yyyy/WW"
                        :placeholder="$t('filter.week')"
                        @change="getTime6(soWeekValues2)">
                      </el-date-picker>
                    </el-col>
                  </el-row>
                </el-col>
                <el-col :span="1" :offset="0">
                  <div class="grid-content bg-purple clear">
                    <span class="clear" @click="clearSoDate">{{$t('filter.clear')}}</span>
                  </div>
                </el-col>
                <!--<el-col :span="2"><div class="grid-content bg-purple">-->
                <!--<el-button type=" primary" round>{{$t('filter.paste')}}</el-button>-->
                <!--</div></el-col>-->
              </el-row>
            </div>
            <div v-if="chart.value === 'service'">
              <el-row>
                <el-col :span="5" style="margin-right: 1%" :offset="0">
                  <div class="grid-content bg-purple">{{$t('filter.ServiceDate')}}</div>
                </el-col>
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple-light">
                    <el-cascader
                      expand-trigger="hover"
                      :options="time.optionsService"
                      v-model="time.selectedOptionsService"
                      @change="ServiceDateChange"
                      :placeholder="$t('filter.optPlaceholder')">
                    </el-cascader>
                  </div>
                </el-col>
                <el-col :span="12" :offset="1">
                  <el-row :gutter="25" v-if="time.selectedOptionsService[1] === 'create_year_fis'">
                    <el-col :span="1">
                      <span>{{$t('filter.from')}}</span>
                    </el-col>
                    <el-col :span="10" :offset="1">
                      <el-select v-model="serviceBetween1" :placeholder="$t('filter.year')" @change="createYearFisChange1">
                        <el-option
                          v-for="item in billingYearOptions"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value">
                        </el-option>
                      </el-select>
                    </el-col>
                    <el-col :span="1" :offset="0">
                      <span>{{$t('filter.to')}}</span>
                    </el-col>
                    <el-col :span="10">
                      <el-select v-model="serviceBetween2" :placeholder="$t('filter.year')" @change="createYearFisChange2">
                        <el-option
                          v-for="item in billingYearOptions"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value">
                        </el-option>
                      </el-select>
                    </el-col>
                  </el-row>
                  <el-row :gutter="25" v-if="time.selectedOptionsService[1] === 'create_year'">
                    <el-col :span="1">
                      <span>{{$t('filter.from')}}</span>
                    </el-col>
                    <el-col :span="10" :offset="1">
                      <el-date-picker
                        v-model="serviceBetween1"
                        @change="createChange1"
                        value-format="yyyy"
                        align="right"
                        type="year"
                        :placeholder="$t('filter.year')">
                      </el-date-picker>
                    </el-col>
                    <el-col :span="1" :offset="0">
                      <span>{{$t('filter.to')}}</span>
                    </el-col>
                    <el-col :span="10">
                      <el-date-picker
                        v-model="serviceBetween2"
                        @change="createChange2"
                        value-format="yyyy"
                        align="right"
                        type="year"
                        :placeholder="$t('filter.year')">
                      </el-date-picker>
                    </el-col>
                  </el-row>
                  <el-row :gutter="25" v-if="time.selectedOptionsService[1] === 'create_quarter_fis'">
                    <el-col :span="1">
                      <span>{{$t('filter.from')}}</span>
                    </el-col>
                    <el-col :span="10" :offset="1">
                      <q-select v-model="serviceBetween1" :time="qshijian" :startT="shijianfangwei1"
                                :endT="shijianfangwei2" @change="createChange1"></q-select>
                    </el-col>
                    <el-col :span="1" :offset="0">
                      <span>{{$t('filter.to')}}</span>
                    </el-col>
                    <el-col :span="10">
                      <q-select v-model="serviceBetween2" :time="qshijian" :startT="shijianfangwei1"
                                :endT="shijianfangwei2" @change="createChange2"></q-select>
                    </el-col>
                  </el-row>
                  <el-row :gutter="25" v-if="time.selectedOptionsService[1] === 'create_quarter'">
                    <el-col :span="1">
                      <span>{{$t('filter.from')}}</span>
                    </el-col>
                    <el-col :span="10" :offset="1">
                      <cq-select v-model="serviceBetween1" :time="qshijian" :startT="shijianfangwei1"
                                :endT="shijianfangwei2" @change="createChange1"></cq-select>
                    </el-col>
                    <el-col :span="1" :offset="0">
                      <span>{{$t('filter.to')}}</span>
                    </el-col>
                    <el-col :span="10">
                      <cq-select v-model="serviceBetween2" :time="qshijian" :startT="shijianfangwei1"
                                :endT="shijianfangwei2" @change="createChange2"></cq-select>
                    </el-col>
                  </el-row>
                  <el-row :gutter="25" v-if="time.selectedOptionsService[1] === 'create_month'">
                    <el-col :span="1">
                      <span>{{$t('filter.from')}}</span>
                    </el-col>
                    <el-col :span="10" :offset="1">
                      <el-date-picker
                        v-model="serviceBetween1"
                        @change="createChange1"
                        value-format="yyyyMM"
                        type="month"
                        :placeholder="$t('filter.month')">
                      </el-date-picker>
                    </el-col>
                    <el-col :span="1" :offset="0">
                      <span>{{$t('filter.to')}}</span>
                    </el-col>
                    <el-col :span="10">
                      <el-date-picker
                        v-model="serviceBetween2 "
                        @change="createChange2"
                        value-format="yyyyMM"
                        type="month"
                        :placeholder="$t('filter.month')">
                      </el-date-picker>
                    </el-col>
                  </el-row>
                  <el-row :gutter="25" v-if="time.selectedOptionsService[1] === 'create_month_fis'">
                    <el-col :span="1">
                      <span>{{$t('filter.from')}}</span>
                    </el-col>
                    <el-col :span="10" :offset="1">
                      <m-select v-model="serviceBetween1" :time="shijian" :startT="shijianfangwei1"
                                :endT="shijianfangwei2" @change="createChange1"></m-select>
                    </el-col>
                    <el-col :span="1" :offset="0">
                      <span>{{$t('filter.to')}}</span>
                    </el-col>
                    <el-col :span="10">
                      <m-select v-model="serviceBetween2" :time="shijian" :startT="shijianfangwei1"
                                :endT="shijianfangwei2" @change="createChange2"></m-select>
                    </el-col>
                  </el-row>
                  <el-row :gutter="25" v-if="time.serviceShowBetweenDate">
                    <el-col :span="1">
                      <span>{{$t('filter.from')}}</span>
                    </el-col>
                    <el-col :span="10" :offset="1">
                      <el-date-picker
                        v-model="serviceBetween1"
                        @change="createChange1"
                        value-format="yyyyMMdd"
                        type="date"
                        :placeholder="$t('filter.date')">
                      </el-date-picker>
                    </el-col>
                    <el-col :span="1" :offset="0">
                      <span>{{$t('filter.to')}}</span>
                    </el-col>
                    <el-col :span="10">
                      <el-date-picker
                        v-model="serviceBetween2"
                        @change="createChange2"
                        value-format="yyyyMMdd"
                        type="date"
                        :placeholder="$t('filter.date')">
                      </el-date-picker>
                    </el-col>
                  </el-row>
                  <el-row :gutter="25" v-if="time.serviceShowBetweenWeek">
                    <el-col :span="1">
                      <span>{{$t('filter.from')}}</span>
                    </el-col>
                    <el-col :span="10" :offset="1">
                      <el-date-picker
                        v-model="serviceWeekValues1"
                        type="week"
                        format="yyyy/WW"
                        :placeholder="$t('filter.week')"
                        @change="getTime7(serviceWeekValues1)">
                      </el-date-picker>
                    </el-col>
                    <el-col :span="1" :offset="0">
                      <span>{{$t('filter.to')}}</span>
                    </el-col>
                    <el-col :span="10">
                      <el-date-picker
                        v-model="serviceWeekValues2"
                        type="week"
                        format="yyyy/WW"
                        :placeholder="$t('filter.week')"
                        @change="getTime8(serviceWeekValues2)">
                      </el-date-picker>
                    </el-col>
                  </el-row>
                </el-col>
                <el-col :span="1" :offset="0">
                  <div class="grid-content bg-purple clear">
                    <span class="clear" @click="clearServiceDate">{{$t('filter.clear')}}</span>
                  </div>
                </el-col>
                <!--<el-col :span="2"><div class="grid-content bg-purple">-->
                <!--<el-button type=" primary" round>{{$t('filter.paste')}}</el-button>-->
                <!--</div></el-col>-->
              </el-row>
            </div>
          </div>
        </el-tab-pane>
        <el-tab-pane :label="$t('filter.Geography')" name="Geography">
          <div>
            <div>
              <el-row>
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple">Geo</div>
                </el-col>
                <el-col :span="11" :offset="1">
                  <div class="grid-content bg-purple">
                    <mul-select
                      :options="gepgraphy.geoSelect"
                      v-model="gepgraphy.geoSValue"
                      @change="geoChange"
                      :placeholder="$t('filter.placeholder')"
                      popper-class="filter-nowrap"
                      multiple
                      filterable
                      default-first-option
                      allow-create>
                    </mul-select>
                  </div>
                </el-col>
                <!--<el-col :span="2" :offset="3">-->
                <!--<div class="grid-content bg-purple clear">-->
                <!--<span class="clear" @click="clearGeo">{{$t('filter.clear')}}</span>-->
                <!--</div>-->
                <!--</el-col>-->
                <div v-for="(list, index) in addItems">
                  <el-col :span="5" :offset="8">
                    <div class="grid-content bg-purple mt-10">
                      <el-select v-model="gepgraphy.geoValues[index].value1" :placeholder="$t('filter.placeholder')">
                        <el-option
                          v-for="item in gepgraphy.geoOptions"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value">
                        </el-option>
                      </el-select>
                    </div>
                  </el-col>
                  <el-col :span="5" :offset="1">
                    <div class="grid-content bg-purple mt-10">
                      <el-select
                        v-model="gepgraphy.geoValues[index].value2"
                        :placeholder="$t('filter.placeholder')"
                        multiple
                        filterable
                        default-first-option
                        allow-create
                        popper-class="filterOption">
                        <el-option
                          v-for="item in gepgraphy.geoSelect"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value">
                        </el-option>
                      </el-select>
                    </div>
                  </el-col>
                  <el-col :span="2">
                    <div class="grid-content bg-purple mt-10">
                      <span class="clear" @click="clearValue(index)">Clear</span>
                    </div>
                  </el-col>
                  <el-col :span="2">
                    <div class="grid-content bg-purple mt-10">
                      <span class="add-item" @click="removeItem(index)"><i class="iconfont icon-shanchu"></i></span>
                    </div>
                  </el-col>
                </div>
              </el-row>
              <el-row>
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple">Region</div>
                </el-col>
                <el-col :span="11" :offset="1">
                  <div class="grid-content bg-purple">
                    <mul-select
                      :options="gepgraphy.regionSelect"
                      @change="regionChange"
                      v-model="gepgraphy.regionSValue"
                      :placeholder="$t('filter.placeholder')"
                      popper-class="filter-nowrap"
                      multiple
                      filterable
                      default-first-option
                      allow-create>
                    </mul-select>
                  </div>
                </el-col>
                <!--<el-col :span="2" :offset="1">-->
                  <!--<div class="grid-content bg-purple">-->
                    <!--<span class="add-item" @click="pasteRegion">-->
                       <!--<el-tooltip class="item" effect="light" :content="$t('filter.switchTips')" placement="top">-->
                          <!--&lt;!&ndash;<el-button type="primary" size="mini" round>{{$t('filter.paste')}}</el-button>&ndash;&gt;-->
                         <!--<span>{{$t('filter.paste')}}</span>-->
                         <!--&lt;!&ndash; <i class="iconfont icon-add_c"></i> &ndash;&gt;-->
                       <!--</el-tooltip>-->
                    <!--</span>-->
                  <!--</div>-->
                <!--</el-col>-->
                <!--<el-col :span="2" :offset="1">-->
                <!--<div class="grid-content bg-purple clear">-->
                <!--<span class="clear" @click="clearRegion">{{$t('filter.clear')}}</span>-->
                <!--</div>-->
                <!--</el-col>-->
              </el-row>
              <el-row>
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple">{{$t('filter.Country')}}</div>
                </el-col>
                <el-col :span="11" :offset="1">
                  <div class="grid-content bg-purple">
                    <mul-select v-model="gepgraphy.countrySValue"
                                :options="gepgraphy.countrySelect"
                                :placeholder="$t('filter.placeholder')"
                                @change="showCard"
                                popper-class="filter-nowrap"
                                multiple
                                filterable
                                default-first-option
                                allow-create>
                    </mul-select>
                  </div>
                </el-col>
                <!--<el-col :span="2" :offset="1">-->
                  <!--<div class="grid-content bg-purple">-->
                    <!--<span class="add-item" @click="pasteCountry">-->
                      <!--<el-tooltip class="item" effect="light" :content="$t('filter.switchTips')" placement="top">-->
                        <!--&lt;!&ndash;<el-button type="primary" size="mini" round>{{$t('filter.paste')}}</el-button>&ndash;&gt;-->
                        <!--<span>{{$t('filter.paste')}}</span>-->
                      <!--</el-tooltip>-->
                      <!--&lt;!&ndash; <i class="iconfont icon-add_c"></i> &ndash;&gt;-->
                    <!--</span>-->
                  <!--</div>-->
                <!--</el-col>-->
                <!--<el-col :span="2" :offset="1">-->
                <!--<div class="grid-content bg-purple clear">-->
                <!--<span class="clear" @click="clearCountry">{{$t('filter.clear')}}</span>-->
                <!--</div>-->
                <!--</el-col>-->
              </el-row>
            </div>
          </div>
        </el-tab-pane>
        <el-tab-pane :label="$t('filter.CommercialcustomerChannelpartner')" name="Customer">
          <div>
            <!--<h2>{{$t('filter.CommercialcustomerChannelpartner')}}</h2>-->
            <div>
              <el-row  v-clickoutside="handleClickOutSide">
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple">{{$t('filter.groupName')}}</div>
                </el-col>
                <el-col :span="11" :offset="1">
                  <div class="grid-content bg-purple">
                    <el-input
                      @focus="clearGroup1"
                      @keyup.native="matchKey('group',bp.groupSValue)"
                      @keyup.enter.native="matchKeyEnter(bp.groupSValue,bp.groupSValues,'group')"
                      @blur="countNumber('group')"
                    :no-data-text="$t('filter.noData')"
                    v-model="bp.groupSValue"
                    :placeholder="$t('filter.pleaseInput')">
                    </el-input>
                    <div class="popover-card" v-show="showPopoverCard.group">
                      <ul class="match-content">
                        <li
                          v-for="item in bp.groupSelect"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value"
                          @click="searchValGroup(item.value)">
                          {{item.value}}
                        </li>
                      </ul>
                    </div>
                    <!--<el-select-->
                    <!--:no-data-text="$t('filter.noData')"-->
                    <!--@change="showCard"-->
                    <!--v-model="bp.groupSValue"-->
                    <!--:placeholder="$t('filter.pleaseInput')"-->
                    <!--popper-class="filter-nowrap"-->
                    <!--multiple-->
                    <!--filterable-->
                    <!--default-first-option-->
                    <!--allow-create>-->
                    <!--<el-option-->
                    <!--v-for="item in bp.groupSelect"-->
                    <!--:key="item.value"-->
                    <!--:label="item.label"-->
                    <!--:value="item.value">-->
                    <!--</el-option>-->
                    <!--</el-select>-->
                  </div>
                </el-col>
                <!--<el-col :span="2" :offset="2">-->
                <!--<div class="grid-content bg-purple clear">-->
                <!--<span class="clear" @click="clearGroup">{{$t('filter.clear')}}</span>-->
                <!--</div>-->
                <!--</el-col>-->
              </el-row>
              <el-row  v-clickoutside="handleClickOutSide">
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple">{{$t('filter.customerID')}}</div>
                </el-col>
                <el-col :span="11" :offset="1">
                  <div class="grid-content bg-purple">
                    <el-input
                      @focus="clearBpId1"
                      @keyup.native="matchKey('customer',bp.bpIdSValue)"
                      @keyup.enter.native="matchKeyEnter(bp.bpIdSValue,bp.bpIdSValues,'customer')"
                      @blur="countNumber('customer')"
                      v-model="bp.bpIdSValue"
                      :placeholder="$t('filter.pleaseInput')">
                    </el-input>
                    <div class="popover-card" v-show="showPopoverCard.customer">
                      <ul class="match-content">
                        <li
                          v-for="item in bp.bpIdSelect"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value"
                          @click="searchValCustomer(item.value)">
                          {{item.value}}
                        </li>
                      </ul>
                    </div>
                    <!--<el-select-->
                      <!--:no-data-text="$t('filter.noData')"-->
                      <!--@change="showCard"-->
                      <!--:disabled="bp.disabledID"-->
                      <!--v-model="bp.bpIdSValue"-->
                      <!--:placeholder="$t('filter.pleaseInput')"-->
                      <!--popper-class="filter-nowrap"-->
                      <!--multiple-->
                      <!--filterable-->
                      <!--default-first-option-->
                      <!--allow-create>-->
                      <!--<el-option-->
                        <!--v-for="item in bp.bpIdSelect"-->
                        <!--:key="item.value"-->
                        <!--:label="item.label"-->
                        <!--:value="item.value">-->
                      <!--</el-option>-->
                    <!--</el-select>-->
                  </div>
                </el-col>
                <el-col :span="2" :offset="1">
                  <div class="grid-content bg-purple">
                    <span class="add-item" @click="pasteBpId">
                      <el-tooltip class="item" effect="light" :content="$t('filter.switchTips')" placement="top">
                        <!--<el-button type="primary" size="mini" round>{{$t('filter.paste')}}</el-button>-->
                        <span>{{$t('filter.paste')}}</span>
                      </el-tooltip>
                      <!-- <i class="iconfont icon-add_c"></i> -->
                    </span>
                  </div>
                </el-col>
                <!--<el-col :span="2">-->
                <!--<div class="grid-content bg-purple clear">-->
                <!--<span class="clear" @click="clearBpId">{{$t('filter.clear')}}</span>-->
                <!--</div>-->
                <!--</el-col>-->
              </el-row>
              <el-row  v-clickoutside="handleClickOutSide">
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple">{{$t('filter.customerName')}}</div>
                </el-col>
                <el-col :span="11" :offset="1">
                  <div class="grid-content bg-purple">
                    <el-input
                      @focus="clearBpName1"
                      @keyup.native="matchKey('name',bp.bpNameSValue)"
                      @keyup.enter.native="matchKeyEnter(bp.bpNameSValue,bp.bpNameSValues,'name')"
                      @blur="countNumber('name')"
                      v-model="bp.bpNameSValue"
                      :placeholder="$t('filter.pleaseInput')">
                    </el-input>
                    <div class="popover-card" v-show="showPopoverCard.name">
                      <ul class="match-content">
                        <li
                          v-for="item in bp.bpNameSelect"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value"
                          @click="searchValName(item.value)">
                          {{item.value}}
                        </li>
                      </ul>
                    </div>
                    <!--<el-select-->
                      <!--:no-data-text="$t('filter.noData')"-->
                      <!--@change="showCard"-->
                      <!--:disabled="bp.disabledName"-->
                      <!--v-model="bp.bpNameSValue"-->
                      <!--:placeholder="$t('filter.pleaseInput')"-->
                      <!--popper-class="filter-nowrap"-->
                      <!--multiple-->
                      <!--filterable-->
                      <!--default-first-option-->
                      <!--allow-create>-->
                      <!--<el-option-->
                        <!--v-for="item in bp.bpIdSelect"-->
                        <!--:key="item.value"-->
                        <!--:label="item.label"-->
                        <!--:value="item.value">-->
                      <!--</el-option>-->
                    <!--</el-select>-->
                  </div>
                </el-col>
                <el-col :span="2" :offset="1">
                  <div class="grid-content bg-purple">
                    <span class="add-item" @click="pasteBpName">
                      <el-tooltip class="item" effect="light" :content="$t('filter.switchTips')" placement="top">
                        <!--<el-button type="primary" size="mini" round>{{$t('filter.paste')}}</el-button>-->
                        <span>{{$t('filter.paste')}}</span>
                        <!-- <i class="iconfont icon-add_c"></i> -->
                      </el-tooltip>
                    </span>
                  </div>
                </el-col>
                <!--<el-col :span="2">-->
                <!--<div class="grid-content bg-purple clear">-->
                <!--<span class="clear" @click="clearBpName">{{$t('filter.clear')}}</span>-->
                <!--</div>-->
                <!--</el-col>-->
              </el-row>
            </div>
          </div>
        </el-tab-pane>
        <el-tab-pane :label="$t('filter.Tags')" name="Tags">
          <div>
            <div>
              <el-row>
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple">{{$t('filter.Industry')}}</div>
                </el-col>
                <el-col :span="11" :offset="1">
                  <div class="grid-content bg-purple">
                    <mul-select
                      @change="showCard"
                      :options="tags.industrySelect"
                      v-model="tags.industrySValue"
                      :placeholder="$t('filter.placeholder')"
                      popper-class="filter-nowrap"
                      multiple
                      filterable
                      default-first-option
                      allow-create
                    >
                    </mul-select>
                  </div>
                </el-col>
                <!--<el-col :span="2">-->
                <!--<div class="grid-content bg-purple">-->
                <!--<span class="add-item"><el-button type="primary" size="mini"round>{{$t('filter.paste')}}</el-button>-->
                <!--&lt;!&ndash; <i class="iconfont icon-add_c"></i> &ndash;&gt;</span>-->
                <!--</div>-->
                <!--</el-col>-->
                <!--<el-col :span="2" :offset="2">-->
                <!--<div class="grid-content bg-purple clear">-->
                <!--<span class="clear" @click="clearIndustry">{{$t('filter.clear')}}</span>-->
                <!--</div>-->
                <!--</el-col>-->
              </el-row>
              <el-row  v-clickoutside="handleClickOutSide">
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple">{{$t('filter.NielsenID')}}</div>
                </el-col>
                <el-col :span="11" :offset="1">
                  <div class="grid-content bg-purple">
                    <el-input
                      @focus="clearNielsonId1"
                      @keyup.native="matchKey('nielsen_id',tags.nilsonIdSValue)"
                      @keyup.enter.native="matchKeyEnter(tags.nilsonIdSValue,tags.nilsonIdSValues,'nielsen_id')"
                      @blur="countNumber('nielsen_id')"
                      v-model="tags.nilsonIdSValue"
                      :placeholder="$t('filter.pleaseInput')">
                    </el-input>
                    <div class="popover-card" v-show="showPopoverCard.nielsen_id">
                      <ul class="match-content">
                        <li
                          v-for="item in tags.nilsonIdSelect"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value"
                          @click="searchValNielsen_id(item.value)">
                          {{item.value}}
                        </li>
                      </ul>
                    </div>

                    <!--<el-select-->
                      <!--:no-data-text="$t('filter.noData')"-->
                      <!--@change="showCard"-->
                      <!--v-model="tags.nilsonIdSValue"-->
                      <!--:placeholder="$t('filter.pleaseInput')"-->
                      <!--popper-class="filter-nowrap"-->
                      <!--multiple-->
                      <!--filterable-->
                      <!--default-first-option-->
                      <!--allow-create>-->
                      <!--<el-option-->
                        <!--v-for="item in tags.nilsonIdSelect"-->
                        <!--:key="item.value"-->
                        <!--:label="item.label"-->
                        <!--:value="item.value">-->
                      <!--</el-option>-->
                    <!--</el-select>-->
                  </div>
                </el-col>
                <el-col :span="2" :offset="1">
                  <div class="grid-content bg-purple">
                    <span class="add-item" @click="pasteNilsonId">
                      <el-tooltip class="item" effect="light" :content="$t('filter.switchTips')" placement="top">
                        <!--<el-button type="primary" size="mini" round>{{$t('filter.paste')}}</el-button>-->
                        <span>{{$t('filter.paste')}}</span>
                      </el-tooltip>
                      <!-- <i class="iconfont icon-add_c"></i> -->
                    </span>
                  </div>
                </el-col>
                <!--<el-col :span="2">-->
                <!--<div class="grid-content bg-purple clear">-->
                <!--<span class="clear" @click="clearNielsonId">{{$t('filter.clear')}}</span>-->
                <!--</div>-->
                <!--</el-col>-->
              </el-row>
              <el-row>
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple">{{$t('filter.Loyalty')}}</div>
                </el-col>
                <el-col :span="11" :offset="1">
                  <div class="grid-content bg-purple">
                    <mul-select
                      @change="showCard"
                      :options="tags.loyaltySelect"
                      v-model="tags.loyaltySValue"
                      :placeholder="$t('filter.placeholder')"
                      popper-class="filter-nowrap"
                      multiple
                      filterable
                      default-first-option
                      allow-create
                    >
                    </mul-select>
                  </div>
                </el-col>
                <!--<el-col :span="2">-->
                <!--<div class="grid-content bg-purple">-->
                <!--<span class="add-item"><el-button type="primary" size="mini"round>{{$t('filter.paste')}}</el-button>-->
                <!--&lt;!&ndash; <i class="iconfont icon-add_c"></i> &ndash;&gt;</span>-->
                <!--</div>-->
                <!--</el-col>-->
                <!--<el-col :span="2" :offset="2">-->
                <!--<div class="grid-content bg-purple clear">-->
                <!--<span class="clear" @click="clearLoyalty">{{$t('filter.clear')}}</span>-->
                <!--</div>-->
                <!--</el-col>-->
              </el-row>
              <el-row>
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple">{{$t('filter.GPSize')}}</div>
                </el-col>
                <el-col :span="11" :offset="1">
                  <div class="grid-content bg-purple">
                    <mul-select
                      @change="showCard"
                      :options="tags.scaleSelect"
                      v-model="tags.scaleSValue"
                      :placeholder="$t('filter.placeholder')"
                      popper-class="filter-nowrap"
                      multiple
                      filterable
                      default-first-option
                      allow-create
                    >
                    </mul-select>
                  </div>
                </el-col>
                <!--<el-col :span="2">-->
                <!--<div class="grid-content bg-purple">-->
                <!--<span class="add-item"><el-button type="primary" size="mini"round>{{$t('filter.paste')}}</el-button>-->
                <!--&lt;!&ndash; <i class="iconfont icon-add_c"></i> &ndash;&gt;</span>-->
                <!--</div>-->
                <!--</el-col>-->
                <!--<el-col :span="2" :offset="2">-->
                <!--<div class="grid-content bg-purple clear">-->
                <!--<span class="clear" @click="clearScale">{{$t('filter.clear')}}</span>-->
                <!--</div>-->
                <!--</el-col>-->
              </el-row>
              <el-row>
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple">{{$t('filter.CrossBuy')}}</div>
                </el-col>
                <el-col :span="11" :offset="1">
                  <div class="grid-content bg-purple">
                    <mul-select
                      @change="showCard"
                      :options="tags.crossBuySelect"
                      v-model="tags.crossBuySValue"
                      :placeholder="$t('filter.placeholder')"
                      popper-class="filter-nowrap"
                      multiple
                      filterable
                      default-first-option
                      allow-create
                    >
                    </mul-select>
                  </div>
                </el-col>
                <!--<el-col :span="2">-->
                <!--<div class="grid-content bg-purple">-->
                <!--<span class="add-item"><el-button type="primary" size="mini"round>{{$t('filter.paste')}}</el-button>-->
                <!--&lt;!&ndash; <i class="iconfont icon-add_c"></i> &ndash;&gt;</span>-->
                <!--</div>-->
                <!--</el-col>-->
                <!--<el-col :span="2" :offset="2">-->
                <!--<div class="grid-content bg-purple clear">-->
                <!--<span class="clear" @click="clearCrossBuy">{{$t('filter.clear')}}</span>-->
                <!--</div>-->
                <!--</el-col>-->
              </el-row>
            </div>
          </div>
        </el-tab-pane>
        <el-tab-pane :label="$t('filter.Product')" name="Product">
          <div>
            <div>
              <el-row>
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple timers">BG</div>
                </el-col>
                <el-col :span="11" :offset="1">
                  <div class="grid-content bg-purple">
                    <mul-select
                      v-model="product.bgSValue"
                      :options="product.bgSelect"
                      @change="bgChange"
                      :placeholder="$t('filter.placeholder')"
                      popper-class="filter-nowrap"
                      multiple
                      filterable
                      default-first-option
                      allow-create
                    ></mul-select>
                  </div>
                </el-col>
                <!--<el-col :span="2" :offset="2">-->
                <!--<div class="grid-content bg-purple clear">-->
                <!--<span class="clear" @click="clearBg">{{$t('filter.clear')}}</span>-->
                <!--</div>-->
                <!--</el-col>-->
              </el-row>
              <el-row>
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple timers">BU</div>
                </el-col>
                <el-col :span="11" :offset="1">
                  <div class="grid-content bg-purple">
                    <mul-select
                      @change="showCard"
                      :options="product.buSelect"
                      v-model="product.buSValue"
                      :placeholder="$t('filter.placeholder')"
                      popper-class="filter-nowrap"
                      multiple
                      filterable
                      default-first-option
                      allow-create
                    >
                    </mul-select>
                    <!--<el-input-->
                    <!--v-if="!product.pasteBu"-->
                    <!--style="width: 200px;"-->
                    <!--type="textarea"-->
                    <!--:autosize="{ minRows: 1, maxRows: 3}"-->
                    <!--:placeholder="$t('filter.pasteContent')"-->
                    <!--v-model="product.buText">-->
                    <!--</el-input>-->
                  </div>
                </el-col>
                <!--<el-col :span="2" :offset="1">-->
                  <!--<div class="grid-content bg-purple">-->
                    <!--<span class="add-item" @click="pasteBu">-->
                      <!--<el-tooltip class="item" effect="light" :content="$t('filter.switchTips')" placement="top">-->
                        <!--&lt;!&ndash;<el-button type="primary" size="mini" round>{{$t('filter.paste')}}</el-button>&ndash;&gt;-->
                        <!--<span>{{$t('filter.paste')}}</span>-->
                      <!--</el-tooltip>-->
                      <!--&lt;!&ndash; <i class="iconfont icon-add_c"></i> &ndash;&gt;-->
                    <!--</span>-->
                  <!--</div>-->
                <!--</el-col>-->
                <!--<el-col :span="2">-->
                <!--<div class="grid-content bg-purple clear">-->
                <!--<span class="clear" @click="clearBu">{{$t('filter.clear')}}</span>-->
                <!--</div>-->
                <!--</el-col>-->
              </el-row>
              <el-row>
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple timers">{{$t('filter.Brand')}}</div>
                </el-col>
                <el-col :span="11" :offset="1">
                  <div class="grid-content bg-purple">
                    <el-input
                      @focus="clearBrand1"
                      @keyup.native="matchKey('prod_brand',product.brandSValue)"
                      @keyup.enter.native="matchKeyEnter(product.brandSValue,product.brandSValues,'prod_brand')"
                      @blur="countNumber('prod_brand')"
                      v-model="product.brandSValue"
                      :placeholder="$t('filter.pleaseInput')">
                    </el-input>
                    <div class="popover-card" v-show="showPopoverCard.prod_brand">
                      <ul class="match-content">
                        <li
                          v-for="item in product.brandSelect"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value"
                          @click="searchValProd_brand(item.value)">
                          {{item.value}}
                        </li>
                      </ul>
                    </div>
                    <!--<el-select-->
                      <!--:no-data-text="$t('filter.noData')"-->
                      <!--@change="showCard"-->
                      <!--v-model="product.brandSValue"-->
                      <!--:placeholder="$t('filter.pleaseInput')"-->
                      <!--popper-class="filter-nowrap"-->
                      <!--multiple-->
                      <!--filterable-->
                      <!--default-first-option-->
                      <!--allow-create>-->
                      <!--<el-option-->
                        <!--v-for="item in product.brandSelect"-->
                        <!--:key="item.value"-->
                        <!--:label="item.label"-->
                        <!--:value="item.value">-->
                      <!--</el-option>-->
                    <!--</el-select>-->
                    <!--<el-input-->
                    <!--v-if="!product.pasteBrand"-->
                    <!--style="width: 200px;"-->
                    <!--type="textarea"-->
                    <!--:autosize="{ minRows: 1, maxRows: 3}"-->
                    <!--:placeholder="$t('filter.pasteContent')"-->
                    <!--v-model="product.brandText">-->
                    <!--</el-input>-->
                  </div>
                </el-col>
                <el-col :span="2" :offset="1">
                  <div class="grid-content bg-purple">
                    <span class="add-item" @click="pasteBrand">
                      <el-tooltip class="item" effect="light" :content="$t('filter.switchTips')" placement="top">
                        <!--<el-button type="primary" size="mini" round>{{$t('filter.paste')}}</el-button>-->
                        <span>{{$t('filter.paste')}}</span>
                        <!-- <i class="iconfont icon-add_c"></i> -->
                      </el-tooltip>
                    </span>
                  </div>
                </el-col>
                <!--<el-col :span="2">-->
                <!--<div class="grid-content bg-purple clear">-->
                <!--<span class="clear" @click="clearBrand">{{$t('filter.clear')}}</span>-->
                <!--</div>-->
                <!--</el-col>-->
              </el-row>
              <el-row  v-clickoutside="handleClickOutSide">
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple timers">{{$t('filter.ProductSeries')}}</div>
                </el-col>
                <el-col :span="11" :offset="1">
                  <div class="grid-content bg-purple">
                    <el-input
                      @focus="clearProductSeries1"
                      @keyup.native="matchKey('prod_series',product.productSeriesSValue)"
                      @keyup.enter.native="matchKeyEnter(product.productSeriesSValue,product.productSeriesSValues,'prod_series')"
                      @blur="countNumber('prod_series')"
                      v-model="product.productSeriesSValue"
                      :placeholder="$t('filter.pleaseInput')">
                    </el-input>
                    <div class="popover-card" v-show="showPopoverCard.prod_series">
                      <ul class="match-content">
                        <li
                          v-for="item in product.productSeriesSelect"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value"
                          @click="searchValProd_series(item.value)">
                          {{item.value}}
                        </li>
                      </ul>
                    </div>

                    <!--<el-select-->
                      <!--:no-data-text="$t('filter.noData')"-->
                      <!--@change="showCard"-->
                      <!--v-model="product.productSeriesSValue"-->
                      <!--:placeholder="$t('filter.pleaseInput')"-->
                      <!--popper-class="filter-nowrap"-->
                      <!--multiple-->
                      <!--filterable-->
                      <!--default-first-option-->
                      <!--allow-create>-->
                      <!--<el-option-->
                        <!--v-for="item in product.productSeriesSelect"-->
                        <!--:key="item.value"-->
                        <!--:label="item.label"-->
                        <!--:value="item.value">-->
                      <!--</el-option>-->
                    <!--</el-select>-->
                    <!--<el-input-->
                    <!--v-if="!product.pasteProductSeries"-->
                    <!--style="width: 200px;"-->
                    <!--type="textarea"-->
                    <!--:autosize="{ minRows: 1, maxRows: 3}"-->
                    <!--:placeholder="$t('filter.pasteContent')"-->
                    <!--v-model="product.productSeriesText">-->
                    <!--</el-input>-->
                  </div>
                </el-col>
                <el-col :span="2" :offset="1">
                  <div class="grid-content bg-purple">
                    <span class="add-item" @click="pasteProductSeries">
                      <el-tooltip class="item" effect="light" :content="$t('filter.switchTips')" placement="top">
                        <!--<el-button type="primary" size="mini" round>{{$t('filter.paste')}}</el-button>-->
                        <span>{{$t('filter.paste')}}</span>
                      </el-tooltip>
                      <!-- <i class="iconfont icon-add_c"></i> -->
                    </span>
                  </div>
                </el-col>
                <!--<el-col :span="2">-->
                <!--<div class="grid-content bg-purple clear">-->
                <!--<span class="clear" @click="clearProductSeries">{{$t('filter.clear')}}</span>-->
                <!--</div>-->
                <!--</el-col>-->
              </el-row>
              <el-row  v-clickoutside="handleClickOutSide">
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple timers">{{$t('filter.ProductFamily')}}</div>
                </el-col>
                <el-col :span="11" :offset="1">
                  <div class="grid-content bg-purple">
                    <el-input
                      @focus="clearProductFamily1"
                      @keyup.native="matchKey('prod_family',product.productFamilySValue)"
                      @keyup.enter.native="matchKeyEnter(product.productFamilySValue,product.productFamilySValues,'prod_family')"
                      @blur="countNumber('prod_family')"
                      v-model="product.productFamilySValue"
                      :placeholder="$t('filter.pleaseInput')">
                    </el-input>
                    <div class="popover-card" v-show="showPopoverCard.prod_family">
                      <ul class="match-content">
                        <li
                          v-for="item in product.productFamilySelect"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value"
                          @click="searchValProd_family(item.value)">
                          {{item.value}}
                        </li>
                      </ul>
                    </div>
                    <!---->
                    <!--<el-select-->
                      <!--:no-data-text="$t('filter.noData')"-->
                      <!--@change="showCard"-->
                      <!--v-model="product.productFamilySValue"-->
                      <!--:placeholder="$t('filter.pleaseInput')"-->
                      <!--popper-class="filter-nowrap"-->
                      <!--multiple-->
                      <!--filterable-->
                      <!--default-first-option-->
                      <!--allow-create>-->
                      <!--<el-option-->
                        <!--v-for="item in product.productFamilySelect"-->
                        <!--:key="item.value"-->
                        <!--:label="item.label"-->
                        <!--:value="item.value">-->
                      <!--</el-option>-->
                    <!--</el-select>-->
                    <!--<el-input-->
                    <!--v-if="!product.pasteProductFamily"-->
                    <!--style="width: 200px;"-->
                    <!--type="textarea"-->
                    <!--:autosize="{ minRows: 1, maxRows: 3}"-->
                    <!--:placeholder="$t('filter.pasteContent')"-->
                    <!--v-model="product.productFamilyText">-->
                    <!--</el-input>-->
                  </div>
                </el-col>
                <el-col :span="2" :offset="1">
                  <div class="grid-content bg-purple">
                    <span class="add-item" @click="pasteProductFamily">
                      <el-tooltip class="item" effect="light" :content="$t('filter.switchTips')" placement="top">
                        <!--<el-button type="primary" size="mini" round>{{$t('filter.paste')}}</el-button>-->
                        <span>{{$t('filter.paste')}}</span>
                        <!-- <i class="iconfont icon-add_c"></i> -->
                      </el-tooltip>
                    </span>
                  </div>
                </el-col>
                <!--<el-col :span="2">-->
                <!--<div class="grid-content bg-purple clear">-->
                <!--<span class="clear" @click="clearProductFamily">{{$t('filter.clear')}}</span>-->
                <!--</div>-->
                <!--</el-col>-->
              </el-row>
              <el-row>
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple timers">{{$t('filter.Material')}}</div>
                </el-col>
                <el-col :span="11" :offset="1">
                  <div class="grid-content bg-purple">
                    <!--<el-input-->
                      <!--@focus="clearMaterial1"-->
                      <!--@keyup.native="matchKey('',product.materialSValue)"-->
                      <!--@keyup.enter.native="matchKeyEnter(product.materialSValue,product.materialSValues,'material')"-->
                      <!--@blur="countNumber('material')"-->
                      <!--v-model="product.materialSValue"-->
                      <!--:placeholder="$t('filter.pleaseInput')">-->
                    <!--</el-input>-->
                    <!--<ul class="match-content">-->
                      <!--<li-->
                        <!--v-for="item in product.materialSelect"-->
                        <!--:key="item.value"-->
                        <!--:label="item.label"-->
                       <!--:value="item.value">-->
                        <!--{{item.value}}-->
                      <!--</li>-->
                    <!--</ul>-->
                    <el-select
                      :no-data-text="$t('filter.noData')"
                      @change="showCard"
                      v-model="product.materialSValue"
                      :placeholder="$t('filter.pleaseInput')"
                      popper-class="filter-nowrap"
                      multiple
                      filterable
                      default-first-option
                      allow-create
                     >
                      <el-option
                        v-for="item in product.materialSelect"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                      </el-option>
                    </el-select>
                    <!--<el-input-->
                    <!--v-if="!product.pasteMaterial"-->
                    <!--style="width: 200px;"-->
                    <!--type="textarea"-->
                    <!--:autosize="{ minRows: 1, maxRows: 3}"-->
                    <!--:placeholder="$t('filter.pasteContent')"-->
                    <!--v-model="product.materialText">-->
                    <!--</el-input>-->
                  </div>
                </el-col>
                <el-col :span="2" :offset="1">
                  <div class="grid-content bg-purple">
                    <span class="add-item" @click="pasteMaterial">
                      <el-tooltip class="item" effect="light" :content="$t('filter.switchTips')" placement="top">
                        <!--<el-button type="primary" size="mini" round>{{$t('filter.paste')}}</el-button>-->
                        <span>{{$t('filter.paste')}}</span>
                        <!-- <i class="iconfont icon-add_c"></i> -->
                      </el-tooltip>
                    </span>
                  </div>
                </el-col>
                <!--<el-col :span="2">-->
                <!--<div class="grid-content bg-purple clear">-->
                <!--<span class="clear" @click="clearMaterial">{{$t('filter.clear')}}</span>-->
                <!--</div>-->
                <!--</el-col>-->
              </el-row>
              <el-row>
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple timers">{{$t('filter.SN')}}</div>
                </el-col>
                <el-col :span="11" :offset="1">
                  <div class="grid-content bg-purple">
                    <!--<el-input-->
                      <!--@focus="clearSn1"-->
                      <!--@keyup.native="matchKey('',product.snSValue)"-->
                      <!--@keyup.enter.native="matchKeyEnter(product.snSValue,product.snSValues,'sn')"-->
                      <!--@blur="countNumber('sn')"-->
                      <!--v-model="product.snSValue"-->
                      <!--:placeholder="$t('filter.pleaseInput')">-->
                    <!--</el-input>-->
                    <!--<ul class="match-content">-->
                      <!--<li-->
                        <!--v-for="item in product.snSelect"-->
                        <!--:key="item.value"-->
                        <!--:label="item.label"-->
                        <!--:value="item.value">-->
                        <!--{{item.value}}-->
                      <!--</li>-->
                    <!--</ul>-->

                    <el-select
                      :no-data-text="$t('filter.noData')"
                      @change="showCard"
                      v-model="product.snSValue"
                      :placeholder="$t('filter.pleaseInput')"
                      popper-class="filter-nowrap"
                      multiple
                      filterable
                      default-first-option
                      allow-create>
                      <el-option
                        v-for="item in product.snSelect"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                      </el-option>
                    </el-select>
                    <!--<el-input-->
                    <!--v-if="!product.pasteSn"-->
                    <!--style="width: 200px;"-->
                    <!--type="textarea"-->
                    <!--:autosize="{ minRows: 1, maxRows: 3}"-->
                    <!--:placeholder="$t('filter.pasteContent')"-->
                    <!--v-model="product.snText">-->
                    <!--</el-input>-->
                  </div>
                </el-col>
                <el-col :span="2" :offset="1">
                  <div class="grid-content bg-purple">
                    <span class="add-item" @click="pasteSn">
                      <el-tooltip class="item" effect="light" :content="$t('filter.switchTips')" placement="top">
                      <!--<el-button type="primary" size="mini" round>{{$t('filter.paste')}}</el-button>-->
                        <span>{{$t('filter.paste')}}</span>
                        <!-- <i class="iconfont icon-add_c"></i> -->
                      </el-tooltip>
                    </span>
                  </div>
                </el-col>
                <!--<el-col :span="2">-->
                <!--<div class="grid-content bg-purple clear">-->
                <!--<span class="clear" @click="clearSn">{{$t('filter.clear')}}</span>-->
                <!--</div>-->
                <!--</el-col>-->
              </el-row>
            </div>
          </div>
        </el-tab-pane>
        <el-tab-pane :label="$t('filter.Transaction')" name="Transaction" v-if="chart.value !== 'service'">
          <div>
            <!--<h2>{{$t('filter.Transaction')}}</h2>-->
            <div>
              <el-row>
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple timers">{{$t('filter.Segment')}}</div>
                </el-col>
                <el-col :span="11" :offset="1">
                  <div class="grid-content bg-purple">
                    <mul-select
                      @change="showCard"
                      :options="transaction.segmentSelect"
                      v-model="transaction.segmentSValue"
                      :placeholder="$t('filter.placeholder')"
                      popper-class="filter-nowrap"
                      multiple
                      filterable
                      default-first-option
                      allow-create
                    ></mul-select>
                  </div>
                </el-col>
                <!--<el-col :span="2">-->
                <!--<div class="grid-content bg-purple">-->
                <!--<span class="add-item"><el-button type="primary" size="mini"round>{{$t('filter.paste')}}</el-button>-->
                <!--&lt;!&ndash; <i class="iconfont icon-add_c"></i> &ndash;&gt;</span>-->
                <!--</div>-->
                <!--</el-col>-->
                <!--<el-col :span="2" :offset="2">-->
                <!--<div class="grid-content bg-purple clear">-->
                <!--<span class="clear" @click="clearSegment">{{$t('filter.clear')}}</span>-->
                <!--</div>-->
                <!--</el-col>-->
              </el-row>
              <el-row  v-clickoutside="handleClickOutSide">
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple timers">{{$t('filter.SalesOrderNumber')}}</div>
                </el-col>
                <el-col :span="11" :offset="1">
                  <div class="grid-content bg-purple">
                    <el-input
                      @focus="clearSo1"
                      @keyup.native="matchKey('sales_order_num',transaction.soSValue)"
                      @keyup.enter.native="matchKeyEnter(transaction.soSValue,transaction.soSValues,'sales_order_num')"
                      @blur="countNumber('sales_order_num')"
                      v-model="transaction.soSValue"
                      :placeholder="$t('filter.pleaseInput')">
                    </el-input>
                    <div class="popover-card" v-show="showPopoverCard.sales_order_num">
                      <ul class="match-content">
                        <li
                          v-for="item in transaction.soSelect"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value"
                          @click="searchValSales_order_num(item.value)">
                          {{item.value}}
                        </li>
                      </ul>
                    </div>

                    <!--<el-select-->
                      <!--:no-data-text="$t('filter.noData')"-->
                      <!--@change="showCard"-->
                      <!--v-model="transaction.soSValue"-->
                      <!--:placeholder="$t('filter.pleaseInput')"-->
                      <!--popper-class="filter-nowrap"-->
                      <!--multiple-->
                      <!--filterable-->
                      <!--default-first-option-->
                      <!--allow-create>-->
                      <!--<el-option-->
                        <!--v-for="item in transaction.soSelect"-->
                        <!--:key="item.value"-->
                        <!--:label="item.label"-->
                        <!--:value="item.value">-->
                      <!--</el-option>-->
                    <!--</el-select>-->
                    <!--<el-input-->
                    <!--v-if="!transaction.pasteSo"-->
                    <!--style="width: 200px;"-->
                    <!--type="textarea"-->
                    <!--:autosize="{ minRows: 1, maxRows: 3}"-->
                    <!--:placeholder="$t('filter.pasteContent')"-->
                    <!--v-model="transaction.soText">-->
                    <!--</el-input>-->
                  </div>
                </el-col>
                <el-col :span="2" :offset="1">
                  <div class="grid-content bg-purple">
                    <span class="add-item" @click="pasteSo">
                      <el-tooltip class="item" effect="light" :content="$t('filter.switchTips')" placement="top">
                        <!--<el-button type="primary" size="mini" round>{{$t('filter.paste')}}</el-button>-->
                        <span>{{$t('filter.paste')}}</span>
                        <!-- <i class="iconfont icon-add_c"></i> -->
                      </el-tooltip>
                    </span>
                  </div>
                </el-col>
                <!--<el-col :span="2">-->
                <!--<div class="grid-content bg-purple clear">-->
                <!--<span class="clear" @click="clearSo">{{$t('filter.clear')}}</span>-->
                <!--</div>-->
                <!--</el-col>-->
              </el-row>
              <el-row v-clickoutside="handleClickOutSide">
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple timers">{{$t('filter.BillingNumber')}}</div>
                </el-col>
                <el-col :span="11" :offset="1">
                  <div class="grid-content bg-purple">
                    <el-input
                      @focus="clearBilling1"
                      @keyup.native="matchKey('billing_num',transaction.billingSValue)"
                      @keyup.enter.native="matchKeyEnter(transaction.billingSValue,transaction.billingSValues,'billing_num')"
                      @blur="countNumber('billing_num')"
                      v-model="transaction.billingSValue"
                      :placeholder="$t('filter.pleaseInput')">
                    </el-input>
                    <div class="popover-card" v-show="showPopoverCard.billing_num">
                      <ul class="match-content">
                        <li
                          v-for="item in transaction.billingSelect"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value"
                          @click="searchValBilling_num(item.value)">
                          {{item.value}}
                        </li>
                      </ul>
                    </div>

                    <!--<el-select-->
                      <!--:no-data-text="$t('filter.noData')"-->
                      <!--@change="showCard"-->
                      <!--v-model="transaction.billingSValue"-->
                      <!--:placeholder="$t('filter.pleaseInput')"-->
                      <!--popper-class="filter-nowrap"-->
                      <!--multiple-->
                      <!--filterable-->
                      <!--default-first-option-->
                      <!--allow-create>-->
                      <!--<el-option-->
                        <!--v-for="item in transaction.billingSelect"-->
                        <!--:key="item.value"-->
                        <!--:label="item.label"-->
                        <!--:value="item.value">-->
                      <!--</el-option>-->
                    <!--</el-select>-->
                    <!--<el-input-->
                    <!--v-if="!transaction.pasteBilling"-->
                    <!--style="width: 200px;"-->
                    <!--type="textarea"-->
                    <!--:autosize="{ minRows: 1, maxRows: 3}"-->
                    <!--:placeholder="$t('filter.pasteContent')"-->
                    <!--v-model="transaction.billingText">-->
                    <!--</el-input>-->
                  </div>
                </el-col>
                <el-col :span="2" :offset="1">
                  <div class="grid-content bg-purple">
                    <span class="add-item" @click="pasteBilling">
                      <el-tooltip class="item" effect="light" :content="$t('filter.switchTips')" placement="top">
                        <!--<el-button type="primary" size="mini" round>{{$t('filter.paste')}}</el-button>-->
                        <span>{{$t('filter.paste')}}</span>
                        <!-- <i class="iconfont icon-add_c"></i> -->
                      </el-tooltip>
                    </span>
                  </div>
                </el-col>
                <!--<el-col :span="2">-->
                <!--<div class="grid-content bg-purple clear">-->
                <!--<span class="clear" @click="clearBilling">{{$t('filter.clear')}}</span>-->
                <!--</div>-->
                <!--</el-col>-->
              </el-row>

              <!--<el-row>-->
              <!--<el-col :span="4" :offset="0">-->
              <!--<div class="grid-content bg-purple timers">{{$t('filter.CA')}}</div>-->
              <!--</el-col>-->
              <!--<el-col :span="11" :offset="1">-->
              <!--<div class="grid-content bg-purple">-->
              <!--<el-select-->
              <!--:no-data-text="$t('filter.noData')"-->
              <!--@change="showCard"-->
              <!--v-if="transaction.showInput"-->
              <!--v-model="transaction.caSValue"-->
              <!--:placeholder="$t('filter.pleaseInput')"-->
              <!--popper-class="filter-nowrap"-->
              <!--multiple-->
              <!--filterable-->
              <!--default-first-option-->
              <!--allow-create>-->
              <!--<el-option-->
              <!--v-for="item in transaction.caSelect"-->
              <!--:key="item.value"-->
              <!--:label="item.label"-->
              <!--:value="item.value">-->
              <!--</el-option>-->
              <!--</el-select>-->
              <!--&lt;!&ndash;<div v-else>&ndash;&gt;-->
              <!--&lt;!&ndash;<el-input&ndash;&gt;-->
              <!--&lt;!&ndash;size="medium"&ndash;&gt;-->
              <!--&lt;!&ndash;:placeholder="$t('filter.pleaseInput')"&ndash;&gt;-->
              <!--&lt;!&ndash;v-model="transaction.caSValue2"&ndash;&gt;-->
              <!--&lt;!&ndash;clearable&ndash;&gt;-->
              <!--&lt;!&ndash;&gt;&ndash;&gt;-->
              <!--&lt;!&ndash;</el-input>&ndash;&gt;-->
              <!--&lt;!&ndash;<span style="color: #f56c6c; font-size: 12px;" v-show="transaction.tips.showCaTips">请输入数字型</span>&ndash;&gt;-->
              <!--&lt;!&ndash;</div>&ndash;&gt;-->
              <!--</div>-->
              <!--</el-col>-->
              <!--&lt;!&ndash;<el-col :span="2">&ndash;&gt;-->
              <!--&lt;!&ndash;<div class="grid-content bg-purple">&ndash;&gt;-->
              <!--&lt;!&ndash;<span class="add-item"><el-button type="primary" size="mini"round>{{$t('filter.paste')}}</el-button>&ndash;&gt;-->
              <!--&lt;!&ndash;&lt;!&ndash; <i class="iconfont icon-add_c"></i> &ndash;&gt;</span>&ndash;&gt;-->
              <!--&lt;!&ndash;</div>&ndash;&gt;-->
              <!--&lt;!&ndash;</el-col>&ndash;&gt;-->
              <!--&lt;!&ndash;<el-col :span="2" :offset="2">&ndash;&gt;-->
              <!--&lt;!&ndash;<div class="grid-content bg-purple clear">&ndash;&gt;-->
              <!--&lt;!&ndash;<span class="clear" @click="clearCa">{{$t('filter.clear')}}</span>&ndash;&gt;-->
              <!--&lt;!&ndash;</div>&ndash;&gt;-->
              <!--&lt;!&ndash;</el-col>&ndash;&gt;-->
              <!--</el-row>-->
              <!--<el-row>-->
              <!--<el-col :span="4" :offset="0">-->
              <!--<div class="grid-content bg-purple timers">{{$t('filter.GP')}}</div>-->
              <!--</el-col>-->
              <!--<el-col :span="11" :offset="1">-->
              <!--<div class="grid-content bg-purple">-->
              <!--<el-select-->
              <!--:no-data-text="$t('filter.noData')"-->
              <!--@change="showCard"-->
              <!--v-if="transaction.showGpInput"-->
              <!--v-model="transaction.gpSValue"-->
              <!--:placeholder="$t('filter.pleaseInput')"-->
              <!--popper-class="filter-nowrap"-->
              <!--multiple-->
              <!--filterable-->
              <!--default-first-option-->
              <!--allow-create>-->
              <!--<el-option-->
              <!--v-for="item in transaction.gpSelect"-->
              <!--:key="item.value"-->
              <!--:label="item.label"-->
              <!--:value="item.value">-->
              <!--</el-option>-->
              <!--</el-select>-->
              <!--&lt;!&ndash;<div v-else>&ndash;&gt;-->
              <!--&lt;!&ndash;<el-input&ndash;&gt;-->
              <!--&lt;!&ndash;size="medium"&ndash;&gt;-->
              <!--&lt;!&ndash;:placeholder="$t('filter.pleaseInput')"&ndash;&gt;-->
              <!--&lt;!&ndash;v-model="transaction.gpSValue2"&ndash;&gt;-->
              <!--&lt;!&ndash;clearable>&ndash;&gt;-->
              <!--&lt;!&ndash;</el-input>&ndash;&gt;-->
              <!--&lt;!&ndash;<span style="color: #f56c6c; font-size: 12px;" v-show="transaction.tips.showGpTips">请输入数字型</span>&ndash;&gt;-->
              <!--&lt;!&ndash;</div>&ndash;&gt;-->
              <!--</div>-->
              <!--</el-col>-->
              <!--&lt;!&ndash;<el-col :span="2">&ndash;&gt;-->
              <!--&lt;!&ndash;<div class="grid-content bg-purple">&ndash;&gt;-->
              <!--&lt;!&ndash;<span class="add-item"><el-button type="primary" size="mini"round>{{$t('filter.paste')}}</el-button>&ndash;&gt;-->
              <!--&lt;!&ndash;&lt;!&ndash; <i class="iconfont icon-add_c"></i> &ndash;&gt;</span>&ndash;&gt;-->
              <!--&lt;!&ndash;</div>&ndash;&gt;-->
              <!--&lt;!&ndash;</el-col>&ndash;&gt;-->
              <!--&lt;!&ndash;<el-col :span="2" :offset="2">&ndash;&gt;-->
              <!--&lt;!&ndash;<div class="grid-content bg-purple clear">&ndash;&gt;-->
              <!--&lt;!&ndash;<span class="clear" @click="clearGp">{{$t('filter.clear')}}</span>&ndash;&gt;-->
              <!--&lt;!&ndash;</div>&ndash;&gt;-->
              <!--&lt;!&ndash;</el-col>&ndash;&gt;-->
              <!--</el-row>-->
              <!--<el-row>-->
              <!--<el-col :span="4" :offset="0">-->
              <!--<div class="grid-content bg-purple timers">{{$t('filter.GP1')}}</div>-->
              <!--</el-col>-->
              <!--<el-col :span="11" :offset="1">-->
              <!--<div class="grid-content bg-purple">-->
              <!--<el-select-->
              <!--:no-data-text="$t('filter.noData')"-->
              <!--@change="showCard"-->
              <!--v-if="transaction.showGpperInput"-->
              <!--v-model="transaction.gp2SValue"-->
              <!--:placeholder="$t('filter.pleaseInput')"-->
              <!--popper-class="filter-nowrap"-->
              <!--multiple-->
              <!--filterable-->
              <!--default-first-option-->
              <!--allow-create>-->
              <!--<el-option-->
              <!--v-for="item in transaction.gp2Select"-->
              <!--:key="item.value"-->
              <!--:label="item.label"-->
              <!--:value="item.value">-->
              <!--</el-option>-->
              <!--</el-select>-->
              <!--&lt;!&ndash;<div v-else>&ndash;&gt;-->
              <!--&lt;!&ndash;<el-input&ndash;&gt;-->
              <!--&lt;!&ndash;size="medium"&ndash;&gt;-->
              <!--&lt;!&ndash;:placeholder="$t('filter.pleaseInput')"&ndash;&gt;-->
              <!--&lt;!&ndash;v-model="transaction.gp2SValue2"&ndash;&gt;-->
              <!--&lt;!&ndash;clearable>&ndash;&gt;-->
              <!--&lt;!&ndash;</el-input>&ndash;&gt;-->
              <!--&lt;!&ndash;<span style="color: #f56c6c; font-size: 12px;" v-show="transaction.tips.showGpperTips">请输入数字型</span>&ndash;&gt;-->
              <!--&lt;!&ndash;</div>&ndash;&gt;-->
              <!--</div>-->
              <!--</el-col>-->
              <!--&lt;!&ndash;<el-col :span="2">&ndash;&gt;-->
              <!--&lt;!&ndash;<div class="grid-content bg-purple">&ndash;&gt;-->
              <!--&lt;!&ndash;<span class="add-item"><el-button type="primary" size="mini"round>{{$t('filter.paste')}}</el-button>&ndash;&gt;-->
              <!--&lt;!&ndash;&lt;!&ndash; <i class="iconfont icon-add_c"></i> &ndash;&gt;</span>&ndash;&gt;-->
              <!--&lt;!&ndash;</div>&ndash;&gt;-->
              <!--&lt;!&ndash;</el-col>&ndash;&gt;-->
              <!--&lt;!&ndash;<el-col :span="2" :offset="2">&ndash;&gt;-->
              <!--&lt;!&ndash;<div class="grid-content bg-purple clear">&ndash;&gt;-->
              <!--&lt;!&ndash;<span class="clear" @click="clearGp2">{{$t('filter.clear')}}</span>&ndash;&gt;-->
              <!--&lt;!&ndash;</div>&ndash;&gt;-->
              <!--&lt;!&ndash;</el-col>&ndash;&gt;-->
              <!--</el-row>-->
              <!--<el-row>-->
              <!--<el-col :span="4" :offset="0">-->
              <!--<div class="grid-content bg-purple timers">{{$t('filter.Revenue')}}</div>-->
              <!--</el-col>-->
              <!--<el-col :span="11" :offset="1">-->
              <!--<div class="grid-content bg-purple">-->
              <!--<el-select-->
              <!--:no-data-text="$t('filter.noData')"-->
              <!--@change="showCard"-->
              <!--v-if="transaction.showRevenueInput"-->
              <!--v-model="transaction.revenueSValue"-->
              <!--:placeholder="$t('filter.pleaseInput')"-->
              <!--popper-class="filter-nowrap"-->
              <!--multiple-->
              <!--filterable-->
              <!--default-first-option-->
              <!--allow-create>-->
              <!--<el-option-->
              <!--v-for="item in transaction.revenueSelect"-->
              <!--:key="item.value"-->
              <!--:label="item.label"-->
              <!--:value="item.value">-->
              <!--</el-option>-->
              <!--</el-select>-->
              <!--&lt;!&ndash;<div v-else>&ndash;&gt;-->
              <!--&lt;!&ndash;<el-input&ndash;&gt;-->
              <!--&lt;!&ndash;size="medium"&ndash;&gt;-->
              <!--&lt;!&ndash;:placeholder="$t('filter.pleaseInput')"&ndash;&gt;-->
              <!--&lt;!&ndash;v-model="transaction.revenueSValue2"&ndash;&gt;-->
              <!--&lt;!&ndash;clearable>&ndash;&gt;-->
              <!--&lt;!&ndash;</el-input>&ndash;&gt;-->
              <!--&lt;!&ndash;<span style="color: #f56c6c; font-size: 12px;"&ndash;&gt;-->
              <!--&lt;!&ndash;v-show="transaction.tips.showRevenueTips">请输入数字型</span>&ndash;&gt;-->
              <!--&lt;!&ndash;</div>&ndash;&gt;-->
              <!--</div>-->
              <!--</el-col>-->
              <!--&lt;!&ndash;<el-col :span="2">&ndash;&gt;-->
              <!--&lt;!&ndash;<div class="grid-content bg-purple">&ndash;&gt;-->
              <!--&lt;!&ndash;<span class="add-item"><el-button type="primary" size="mini"round>{{$t('filter.paste')}}</el-button>&ndash;&gt;-->
              <!--&lt;!&ndash;&lt;!&ndash; <i class="iconfont icon-add_c"></i> &ndash;&gt;</span>&ndash;&gt;-->
              <!--&lt;!&ndash;</div>&ndash;&gt;-->
              <!--&lt;!&ndash;</el-col>&ndash;&gt;-->
              <!--&lt;!&ndash;<el-col :span="2" :offset="2">&ndash;&gt;-->
              <!--&lt;!&ndash;<div class="grid-content bg-purple clear">&ndash;&gt;-->
              <!--&lt;!&ndash;<span class="clear" @click="clearRevenue">{{$t('filter.clear')}}</span>&ndash;&gt;-->
              <!--&lt;!&ndash;</div>&ndash;&gt;-->
              <!--&lt;!&ndash;</el-col>&ndash;&gt;-->
              <!--</el-row>-->

            </div>
          </div>
        </el-tab-pane>
      </el-tabs>
      <el-tabs v-model="activeName1" type="card" v-if="chart.value === 'cbd'">
          <el-tab-pane :label="$t('filter.Industry')" name="Industry">
            <div>
              <div>
                <el-row>
                  <el-col :span="4" :offset="0">
                    <div class="grid-content bg-purple">{{$t('filter.TradeName')}}</div>
                  </el-col>
                  <el-col :span="11" :offset="1">
                    <div class="grid-content bg-purple">
                      <mul-select
                        :options="industry.tradeNameSelect"
                        v-model="industry.tradeNameSValue"
                        @change="tradeNameChange"
                        :placeholder="$t('filter.placeholder')"
                      >
                      </mul-select>
                    </div>
                  </el-col>
                  <!--<el-col :span="2" :offset="1">-->
                  <!--<div class="grid-content bg-purple">-->
                  <!--<span class="add-item" @click="pasteRegion">-->
                  <!--<el-tooltip class="item" effect="light" :content="$t('filter.switchTips')" placement="top">-->
                  <!--&lt;!&ndash;<el-button type="primary" size="mini" round>{{$t('filter.paste')}}</el-button>&ndash;&gt;-->
                  <!--<span>{{$t('filter.paste')}}</span>-->
                  <!--&lt;!&ndash; <i class="iconfont icon-add_c"></i> &ndash;&gt;-->
                  <!--</el-tooltip>-->
                  <!--</span>-->
                  <!--</div>-->
                  <!--</el-col>-->
                  <!--<el-col :span="2" :offset="3">-->
                  <!--<div class="grid-content bg-purple clear">-->
                  <!--<span class="clear" @click="clearGeo">{{$t('filter.clear')}}</span>-->
                  <!--</div>-->
                  <!--</el-col>-->

                </el-row>
                <el-row>
                  <el-col :span="4" :offset="0">
                    <div class="grid-content bg-purple">{{$t('filter.IndustryName')}}</div>
                  </el-col>
                  <el-col :span="11" :offset="1">
                    <div class="grid-content bg-purple">
                      <mul-select
                        :options="industry.industryNameSelect"
                        v-model="industry.industryNameSValue"
                        :placeholder="$t('filter.placeholder')"
                      >
                      </mul-select>
                    </div>
                  </el-col>
                  <!--<el-col :span="2" :offset="1">-->
                  <!--<div class="grid-content bg-purple">-->
                  <!--<span class="add-item" @click="pasteRegion">-->
                  <!--<el-tooltip class="item" effect="light" :content="$t('filter.switchTips')" placement="top">-->
                  <!--&lt;!&ndash;<el-button type="primary" size="mini" round>{{$t('filter.paste')}}</el-button>&ndash;&gt;-->
                  <!--<span>{{$t('filter.paste')}}</span>-->
                  <!--&lt;!&ndash; <i class="iconfont icon-add_c"></i> &ndash;&gt;-->
                  <!--</el-tooltip>-->
                  <!--</span>-->
                  <!--</div>-->
                  <!--</el-col>-->
                  <!--<el-col :span="2" :offset="1">-->
                  <!--<div class="grid-content bg-purple clear">-->
                  <!--<span class="clear" @click="clearRegion">{{$t('filter.clear')}}</span>-->
                  <!--</div>-->
                  <!--</el-col>-->
                </el-row>
                <el-row>
                  <el-col :span="4" :offset="0">
                    <div class="grid-content bg-purple">{{$t('filter.MainIndustry')}}</div>
                  </el-col>
                  <el-col :span="11" :offset="1">
                    <div class="grid-content bg-purple">
                      <mul-select v-model="industry.mainIndustrySValue"
                                  :options="industry.mainIndustrySelect"
                                  :placeholder="$t('filter.placeholder')"
                                  @change="mainIndustryChange"
                      >
                      </mul-select>
                    </div>
                  </el-col>
                  <!--<el-col :span="2" :offset="1">-->
                  <!--<div class="grid-content bg-purple">-->
                  <!--<span class="add-item" @click="pasteCountry">-->
                  <!--<el-tooltip class="item" effect="light" :content="$t('filter.switchTips')" placement="top">-->
                  <!--&lt;!&ndash;<el-button type="primary" size="mini" round>{{$t('filter.paste')}}</el-button>&ndash;&gt;-->
                  <!--<span>{{$t('filter.paste')}}</span>-->
                  <!--</el-tooltip>-->
                  <!--&lt;!&ndash; <i class="iconfont icon-add_c"></i> &ndash;&gt;-->
                  <!--</span>-->
                  <!--</div>-->
                  <!--</el-col>-->
                  <!--<el-col :span="2" :offset="1">-->
                  <!--<div class="grid-content bg-purple clear">-->
                  <!--<span class="clear" @click="clearCountry">{{$t('filter.clear')}}</span>-->
                  <!--</div>-->
                  <!--</el-col>-->
                </el-row>
                <el-row>
                  <el-col :span="4" :offset="0">
                    <div class="grid-content bg-purple">{{$t('filter.SubIndustry')}}</div>
                  </el-col>
                  <el-col :span="11" :offset="1">
                    <div class="grid-content bg-purple">
                      <mul-select v-model="industry.subIndustrySValue"
                                  :options="industry.subIndustrySelect"
                                  :placeholder="$t('filter.placeholder')"
                                  @change="subIndustryChange"
                      >
                      </mul-select>
                    </div>
                  </el-col>
                  <!--<el-col :span="2" :offset="1">-->
                  <!--<div class="grid-content bg-purple">-->
                  <!--<span class="add-item" @click="pasteCountry">-->
                  <!--<el-tooltip class="item" effect="light" :content="$t('filter.switchTips')" placement="top">-->
                  <!--&lt;!&ndash;<el-button type="primary" size="mini" round>{{$t('filter.paste')}}</el-button>&ndash;&gt;-->
                  <!--<span>{{$t('filter.paste')}}</span>-->
                  <!--</el-tooltip>-->
                  <!--&lt;!&ndash; <i class="iconfont icon-add_c"></i> &ndash;&gt;-->
                  <!--</span>-->
                  <!--</div>-->
                  <!--</el-col>-->
                  <!--<el-col :span="2" :offset="1">-->
                  <!--<div class="grid-content bg-purple clear">-->
                  <!--<span class="clear" @click="clearCountry">{{$t('filter.clear')}}</span>-->
                  <!--</div>-->
                  <!--</el-col>-->
                </el-row>
                <el-row>
                  <el-col :span="4" :offset="0">
                    <div class="grid-content bg-purple">{{$t('filter.SubIndustry2')}}</div>
                  </el-col>
                  <el-col :span="11" :offset="1">
                    <div class="grid-content bg-purple">
                      <mul-select v-model="industry.subIndustrySValue2"
                                  :options="industry.subIndustrySelect2"
                                  :placeholder="$t('filter.placeholder')"
                      >
                      </mul-select>
                    </div>
                  </el-col>
                  <!--<el-col :span="2" :offset="1">-->
                  <!--<div class="grid-content bg-purple">-->
                  <!--<span class="add-item" @click="pasteCountry">-->
                  <!--<el-tooltip class="item" effect="light" :content="$t('filter.switchTips')" placement="top">-->
                  <!--&lt;!&ndash;<el-button type="primary" size="mini" round>{{$t('filter.paste')}}</el-button>&ndash;&gt;-->
                  <!--<span>{{$t('filter.paste')}}</span>-->
                  <!--</el-tooltip>-->
                  <!--&lt;!&ndash; <i class="iconfont icon-add_c"></i> &ndash;&gt;-->
                  <!--</span>-->
                  <!--</div>-->
                  <!--</el-col>-->
                  <!--<el-col :span="2" :offset="1">-->
                  <!--<div class="grid-content bg-purple clear">-->
                  <!--<span class="clear" @click="clearCountry">{{$t('filter.clear')}}</span>-->
                  <!--</div>-->
                  <!--</el-col>-->
                </el-row>
              </div>
            </div>
          </el-tab-pane>
          <el-tab-pane :label="$t('filter.Area')" name="Area">
            <div>
              <div>
                <el-row>
                  <el-col :span="4" :offset="0">
                    <div class="grid-content bg-purple">{{$t('filter.Region')}}</div>
                  </el-col>
                  <el-col :span="11" :offset="1">
                    <div class="grid-content bg-purple">
                      <mul-select
                        :options="area.regionSelect"
                        @change="areaRegionChange"
                        v-model="area.regionSValue"
                        :placeholder="$t('filter.placeholder')"
                      >
                      </mul-select>
                    </div>
                  </el-col>
                  <!--<el-col :span="2" :offset="1">-->
                  <!--<div class="grid-content bg-purple">-->
                  <!--<span class="add-item" @click="pasteRegion">-->
                  <!--<el-tooltip class="item" effect="light" :content="$t('filter.switchTips')" placement="top">-->
                  <!--&lt;!&ndash;<el-button type="primary" size="mini" round>{{$t('filter.paste')}}</el-button>&ndash;&gt;-->
                  <!--<span>{{$t('filter.paste')}}</span>-->
                  <!--&lt;!&ndash; <i class="iconfont icon-add_c"></i> &ndash;&gt;-->
                  <!--</el-tooltip>-->
                  <!--</span>-->
                  <!--</div>-->
                  <!--</el-col>-->
                  <!--<el-col :span="2" :offset="1">-->
                  <!--<div class="grid-content bg-purple clear">-->
                  <!--<span class="clear" @click="clearRegion">{{$t('filter.clear')}}</span>-->
                  <!--</div>-->
                  <!--</el-col>-->
                </el-row>
                <el-row>
                  <el-col :span="4" :offset="0">
                    <div class="grid-content bg-purple">{{$t('filter.ManagerDistrict')}}</div>
                  </el-col>
                  <el-col :span="11" :offset="1">
                    <div class="grid-content bg-purple">
                      <mul-select
                        :options="area.managerDistrictSelect"
                        @change="areaManagerDistrictChange"
                        v-model="area.managerDistrictSValue"
                        :placeholder="$t('filter.placeholder')"
                      >
                      </mul-select>
                    </div>
                  </el-col>
                  <!--<el-col :span="2" :offset="1">-->
                  <!--<div class="grid-content bg-purple">-->
                  <!--<span class="add-item" @click="pasteRegion">-->
                  <!--<el-tooltip class="item" effect="light" :content="$t('filter.switchTips')" placement="top">-->
                  <!--&lt;!&ndash;<el-button type="primary" size="mini" round>{{$t('filter.paste')}}</el-button>&ndash;&gt;-->
                  <!--<span>{{$t('filter.paste')}}</span>-->
                  <!--&lt;!&ndash; <i class="iconfont icon-add_c"></i> &ndash;&gt;-->
                  <!--</el-tooltip>-->
                  <!--</span>-->
                  <!--</div>-->
                  <!--</el-col>-->
                  <!--<el-col :span="2" :offset="1">-->
                  <!--<div class="grid-content bg-purple clear">-->
                  <!--<span class="clear" @click="clearRegion">{{$t('filter.clear')}}</span>-->
                  <!--</div>-->
                  <!--</el-col>-->
                </el-row>
                <el-row>
                  <el-col :span="4" :offset="0">
                    <div class="grid-content bg-purple">{{$t('filter.Province')}}</div>
                  </el-col>
                  <el-col :span="11" :offset="1">
                    <div class="grid-content bg-purple">
                      <mul-select
                        :options="area.provinceSelect"
                        @change="areaProvinceChange"
                        v-model="area.provinceSValue"
                        :placeholder="$t('filter.placeholder')"
                      >
                      </mul-select>
                    </div>
                  </el-col>
                  <!--<el-col :span="2" :offset="1">-->
                  <!--<div class="grid-content bg-purple">-->
                  <!--<span class="add-item" @click="pasteRegion">-->
                  <!--<el-tooltip class="item" effect="light" :content="$t('filter.switchTips')" placement="top">-->
                  <!--&lt;!&ndash;<el-button type="primary" size="mini" round>{{$t('filter.paste')}}</el-button>&ndash;&gt;-->
                  <!--<span>{{$t('filter.paste')}}</span>-->
                  <!--&lt;!&ndash; <i class="iconfont icon-add_c"></i> &ndash;&gt;-->
                  <!--</el-tooltip>-->
                  <!--</span>-->
                  <!--</div>-->
                  <!--</el-col>-->
                  <!--<el-col :span="2" :offset="1">-->
                  <!--<div class="grid-content bg-purple clear">-->
                  <!--<span class="clear" @click="clearRegion">{{$t('filter.clear')}}</span>-->
                  <!--</div>-->
                  <!--</el-col>-->
                </el-row>
                <el-row>
                  <el-col :span="4" :offset="0">
                    <div class="grid-content bg-purple">{{$t('filter.County')}}</div>
                  </el-col>
                  <el-col :span="11" :offset="1">
                    <div class="grid-content bg-purple">
                      <mul-select v-model="area.countySValue"
                                  :options="area.countySelect"
                                  :placeholder="$t('filter.placeholder')"
                      >
                      </mul-select>
                    </div>
                  </el-col>
                  <!--<el-col :span="2" :offset="1">-->
                  <!--<div class="grid-content bg-purple">-->
                  <!--<span class="add-item" @click="pasteCountry">-->
                  <!--<el-tooltip class="item" effect="light" :content="$t('filter.switchTips')" placement="top">-->
                  <!--&lt;!&ndash;<el-button type="primary" size="mini" round>{{$t('filter.paste')}}</el-button>&ndash;&gt;-->
                  <!--<span>{{$t('filter.paste')}}</span>-->
                  <!--</el-tooltip>-->
                  <!--&lt;!&ndash; <i class="iconfont icon-add_c"></i> &ndash;&gt;-->
                  <!--</span>-->
                  <!--</div>-->
                  <!--</el-col>-->
                  <!--<el-col :span="2" :offset="1">-->
                  <!--<div class="grid-content bg-purple clear">-->
                  <!--<span class="clear" @click="clearCountry">{{$t('filter.clear')}}</span>-->
                  <!--</div>-->
                  <!--</el-col>-->
                </el-row>
              </div>
            </div>
          </el-tab-pane>
        </el-tabs>
      <el-tabs v-model="activeName2" type="card" v-if="chart.value === 'dm_machine'">
        <el-tab-pane :label="$t('filter.Time')" name="Time">
          <div>
            <div>
              <el-row>
                <el-col :span="5" style="margin-right: 1%" :offset="0">
                  <div class="grid-content bg-purple">{{$t('filter.MachineBuildDate')}}</div>
                </el-col>
                <el-col :span="12" :offset="1">
                  <el-row :gutter="25">
                    <el-col :span="1">
                      <span>{{$t('filter.from')}}</span>
                    </el-col>
                    <el-col :span="10" :offset="1">
                      <el-date-picker
                        v-model="MachineBuildDateBetween1"
                        format="yyyy/MM/dd"
                        value-format="yyyyMMdd"
                        type="date"
                        :placeholder="$t('filter.date')">
                      </el-date-picker>
                    </el-col>
                    <el-col :span="1" :offset="0">
                      <span>{{$t('filter.to')}}</span>
                    </el-col>
                    <el-col :span="10">
                      <el-date-picker
                        v-model="MachineBuildDateBetween2"
                        format="yyyy/MM/dd"
                        value-format="yyyyMMdd"
                        type="date"
                        :placeholder="$t('filter.date')">
                      </el-date-picker>
                    </el-col>
                  </el-row>
                </el-col>
                <el-col :span="1" :offset="0">
                  <div class="grid-content bg-purple clear">
                    <span class="clear" @click="clearMachineBuildDate">{{$t('filter.clear')}}</span>
                  </div>
                </el-col>
                <!--<el-col :span="2"><div class="grid-content bg-purple">-->
                <!--<el-button type=" primary" round>{{$t('filter.paste')}}</el-button>-->
                <!--</div></el-col>-->
              </el-row>
              <el-row>
                <el-col :span="5" style="margin-right: 1%" :offset="0">
                  <div class="grid-content bg-purple">{{$t('filter.MachineShipDate')}}</div>
                </el-col>
                <el-col :span="12" :offset="1">
                  <el-row :gutter="25">
                    <el-col :span="1">
                      <span>{{$t('filter.from')}}</span>
                    </el-col>
                    <el-col :span="10" :offset="1">
                      <el-date-picker
                        v-model="MachineShipDateBetween1"
                        format="yyyy/MM/dd"
                        value-format="yyyyMMdd"
                        type="date"
                        :placeholder="$t('filter.date')">
                      </el-date-picker>
                    </el-col>
                    <el-col :span="1" :offset="0">
                      <span>{{$t('filter.to')}}</span>
                    </el-col>
                    <el-col :span="10">
                      <el-date-picker
                        v-model="MachineShipDateBetween2"
                        format="yyyy/MM/dd"
                        value-format="yyyyMMdd"
                        type="date"
                        :placeholder="$t('filter.date')">
                      </el-date-picker>
                    </el-col>
                  </el-row>
                </el-col>
                <el-col :span="1" :offset="0">
                  <div class="grid-content bg-purple clear">
                    <span class="clear" @click="clearMachineShipDate">{{$t('filter.clear')}}</span>
                  </div>
                </el-col>
                <!--<el-col :span="2"><div class="grid-content bg-purple">-->
                <!--<el-button type=" primary" round>{{$t('filter.paste')}}</el-button>-->
                <!--</div></el-col>-->
              </el-row>
              <el-row>
                <el-col :span="5" style="margin-right: 1%" :offset="0">
                  <!--<div class="grid-content bg-purple">SO Date</div>-->
                  <div class="grid-content bg-purple">{{$t('filter.MachineRegisterDate')}}</div>
                </el-col>
                <el-col :span="12" :offset="1">
                  <el-row :gutter="25">
                    <el-col :span="1">
                      <span>{{$t('filter.from')}}</span>
                    </el-col>
                    <el-col :span="10" :offset="1">
                      <el-date-picker
                        v-model="MachineRegisterDateBetween1"
                        format="yyyy/MM/dd"
                        value-format="yyyyMMdd"
                        type="date"
                        :placeholder="$t('filter.date')">
                      </el-date-picker>
                    </el-col>
                    <el-col :span="1" :offset="0">
                      <span>{{$t('filter.to')}}</span>
                    </el-col>
                    <el-col :span="10">
                      <el-date-picker
                        v-model="MachineRegisterDateBetween2"
                        format="yyyy/MM/dd"
                        value-format="yyyyMMdd"
                        type="date"
                        :placeholder="$t('filter.date')">
                      </el-date-picker>
                    </el-col>
                  </el-row>
                </el-col>
                <el-col :span="1" :offset="0">
                  <div class="grid-content bg-purple clear">
                    <span class="clear" @click="clearMachineRegisterDate">{{$t('filter.clear')}}</span>
                  </div>
                </el-col>
                <!--<el-col :span="2"><div class="grid-content bg-purple">-->
                <!--<el-button type=" primary" round>{{$t('filter.paste')}}</el-button>-->
                <!--</div></el-col>-->
              </el-row>
              <el-row>
                <el-col :span="5" style="margin-right: 1%" :offset="0">
                  <div class="grid-content bg-purple">{{$t('filter.MachineEndServiceDate')}}</div>
                </el-col>
                <el-col :span="12" :offset="1">
                  <el-row :gutter="25">
                    <el-col :span="1">
                      <span>{{$t('filter.from')}}</span>
                    </el-col>
                    <el-col :span="10" :offset="1">
                      <el-date-picker
                        v-model="MachineEndServiceDateBetween1"
                        format="yyyy/MM/dd"
                        value-format="yyyyMMdd"
                        type="date"
                        :placeholder="$t('filter.date')">
                      </el-date-picker>
                    </el-col>
                    <el-col :span="1" :offset="0">
                      <span>{{$t('filter.to')}}</span>
                    </el-col>
                    <el-col :span="10">
                      <el-date-picker
                        v-model="MachineEndServiceDateBetween2"
                        format="yyyy/MM/dd"
                        value-format="yyyyMMdd"
                        type="date"
                        :placeholder="$t('filter.date')">
                      </el-date-picker>
                    </el-col>
                  </el-row>
                </el-col>
                <el-col :span="1" :offset="0">
                  <div class="grid-content bg-purple clear">
                    <span class="clear" @click="clearMachineEndServiceDate">{{$t('filter.clear')}}</span>
                  </div>
                </el-col>
                <!--<el-col :span="2"><div class="grid-content bg-purple">-->
                <!--<el-button type=" primary" round>{{$t('filter.paste')}}</el-button>-->
                <!--</div></el-col>-->
              </el-row>
              <el-row>
                <el-col :span="5" style="margin-right: 1%" :offset="0">
                  <div class="grid-content bg-purple">{{$t('filter.BillingDate')}}</div>
                </el-col>
                <el-col :span="12" :offset="1">
                  <el-row :gutter="25">
                    <el-col :span="1">
                      <span>{{$t('filter.from')}}</span>
                    </el-col>
                    <el-col :span="10" :offset="1">
                      <el-date-picker
                        v-model="BillingDateBetween1"
                        format="yyyy/MM/dd"
                        value-format="yyyyMMdd"
                        type="date"
                        :placeholder="$t('filter.date')">
                      </el-date-picker>
                    </el-col>
                    <el-col :span="1" :offset="0">
                      <span>{{$t('filter.to')}}</span>
                    </el-col>
                    <el-col :span="10">
                      <el-date-picker
                        v-model="BillingDateBetween2"
                        format="yyyy/MM/dd"
                        value-format="yyyyMMdd"
                        type="date"
                        :placeholder="$t('filter.date')">
                      </el-date-picker>
                    </el-col>
                  </el-row>
                </el-col>
                <el-col :span="1" :offset="0">
                  <div class="grid-content bg-purple clear">
                    <span class="clear" @click="clearBillingDate2">{{$t('filter.clear')}}</span>
                  </div>
                </el-col>
                <!--<el-col :span="2"><div class="grid-content bg-purple">-->
                <!--<el-button type=" primary" round>{{$t('filter.paste')}}</el-button>-->
                <!--</div></el-col>-->
              </el-row>
            </div>
          </div>
        </el-tab-pane>
        <el-tab-pane :label="$t('filter.Geography')" name="Geography">
          <div>
            <div>
              <el-row>
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple">{{$t('filter.MachineShipToCountry')}}</div>
                </el-col>
                <el-col :span="11" :offset="1">
                  <div class="grid-content bg-purple">
                    <el-select
                      :no-data-text="$t('filter.noData')"
                      v-model="geography.MachineShipToCountrySValue"
                      :placeholder="$t('filter.pleaseInput')"
                      popper-class="filter-nowrap"
                      multiple
                      filterable
                      default-first-option
                      allow-create
                    >
                      <el-option
                        v-for="item in geography.MachineShipToCountrySelect"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                      </el-option>
                    </el-select>
                  </div>
                </el-col>
                <!--<el-col :span="2" :offset="3">-->
                <!--<div class="grid-content bg-purple clear">-->
                <!--<span class="clear" @click="clearGeo">{{$t('filter.clear')}}</span>-->
                <!--</div>-->
                <!--</el-col>-->
              </el-row>
              <el-row>
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple">{{$t('filter.SalesGeography')}}</div>
                </el-col>
                <el-col :span="11" :offset="1">
                  <div class="grid-content bg-purple">
                    <el-select
                      :no-data-text="$t('filter.noData')"
                      v-model="geography.SalesGeographySValue"
                      :placeholder="$t('filter.pleaseInput')"
                      popper-class="filter-nowrap"
                      multiple
                      filterable
                      default-first-option
                      allow-create
                    >
                      <el-option
                        v-for="item in geography.SalesGeographySelect"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                      </el-option>
                    </el-select>
                  </div>
                </el-col>
                <!--<el-col :span="2" :offset="1">-->
                <!--<div class="grid-content bg-purple">-->
                <!--<span class="add-item" @click="pasteRegion">-->
                <!--<el-tooltip class="item" effect="light" :content="$t('filter.switchTips')" placement="top">-->
                <!--&lt;!&ndash;<el-button type="primary" size="mini" round>{{$t('filter.paste')}}</el-button>&ndash;&gt;-->
                <!--<span>{{$t('filter.paste')}}</span>-->
                <!--&lt;!&ndash; <i class="iconfont icon-add_c"></i> &ndash;&gt;-->
                <!--</el-tooltip>-->
                <!--</span>-->
                <!--</div>-->
                <!--</el-col>-->
                <!--<el-col :span="2" :offset="1">-->
                <!--<div class="grid-content bg-purple clear">-->
                <!--<span class="clear" @click="clearRegion">{{$t('filter.clear')}}</span>-->
                <!--</div>-->
                <!--</el-col>-->
              </el-row>
              <el-row>
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple">{{$t('filter.MachineCustomerAccountCountry')}}</div>
                </el-col>
                <el-col :span="11" :offset="1">
                  <div class="grid-content bg-purple">
                    <el-select
                      :no-data-text="$t('filter.noData')"
                      v-model="geography.MachineCustomerAccountCountrySValue"
                      :placeholder="$t('filter.pleaseInput')"
                      popper-class="filter-nowrap"
                      multiple
                      filterable
                      default-first-option
                      allow-create
                    >
                      <el-option
                        v-for="item in geography.MachineCustomerAccountCountrySelect"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                      </el-option>
                    </el-select>
                  </div>
                </el-col>
                <!--<el-col :span="2" :offset="1">-->
                <!--<div class="grid-content bg-purple">-->
                <!--<span class="add-item" @click="pasteCountry">-->
                <!--<el-tooltip class="item" effect="light" :content="$t('filter.switchTips')" placement="top">-->
                <!--&lt;!&ndash;<el-button type="primary" size="mini" round>{{$t('filter.paste')}}</el-button>&ndash;&gt;-->
                <!--<span>{{$t('filter.paste')}}</span>-->
                <!--</el-tooltip>-->
                <!--&lt;!&ndash; <i class="iconfont icon-add_c"></i> &ndash;&gt;-->
                <!--</span>-->
                <!--</div>-->
                <!--</el-col>-->
                <!--<el-col :span="2" :offset="1">-->
                <!--<div class="grid-content bg-purple clear">-->
                <!--<span class="clear" @click="clearCountry">{{$t('filter.clear')}}</span>-->
                <!--</div>-->
                <!--</el-col>-->
              </el-row>
              <el-row>
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple">{{$t('filter.MachineCustomerAccountRegion')}}</div>
                </el-col>
                <el-col :span="11" :offset="1">
                  <div class="grid-content bg-purple">
                    <el-select
                      :no-data-text="$t('filter.noData')"
                      v-model="geography.MachineCustomerAccountRegionSValue"
                      :placeholder="$t('filter.pleaseInput')"
                      popper-class="filter-nowrap"
                      multiple
                      filterable
                      default-first-option
                      allow-create
                    >
                      <el-option
                        v-for="item in geography.MachineCustomerAccountRegionSelect"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                      </el-option>
                    </el-select>
                  </div>
                </el-col>
                <!--<el-col :span="2" :offset="1">-->
                <!--<div class="grid-content bg-purple">-->
                <!--<span class="add-item" @click="pasteCountry">-->
                <!--<el-tooltip class="item" effect="light" :content="$t('filter.switchTips')" placement="top">-->
                <!--&lt;!&ndash;<el-button type="primary" size="mini" round>{{$t('filter.paste')}}</el-button>&ndash;&gt;-->
                <!--<span>{{$t('filter.paste')}}</span>-->
                <!--</el-tooltip>-->
                <!--&lt;!&ndash; <i class="iconfont icon-add_c"></i> &ndash;&gt;-->
                <!--</span>-->
                <!--</div>-->
                <!--</el-col>-->
                <!--<el-col :span="2" :offset="1">-->
                <!--<div class="grid-content bg-purple clear">-->
                <!--<span class="clear" @click="clearCountry">{{$t('filter.clear')}}</span>-->
                <!--</div>-->
                <!--</el-col>-->
              </el-row>
              <el-row>
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple">{{$t('filter.MachineCustomerAccountCity')}}</div>
                </el-col>
                <el-col :span="11" :offset="1">
                  <div class="grid-content bg-purple">
                    <el-select
                      :no-data-text="$t('filter.noData')"
                      v-model="geography.MachineCustomerAccountCitySValue"
                      :placeholder="$t('filter.pleaseInput')"
                      popper-class="filter-nowrap"
                      multiple
                      filterable
                      default-first-option
                      allow-create
                    >
                      <el-option
                        v-for="item in geography.MachineCustomerAccountCitySelect"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                      </el-option>
                    </el-select>
                  </div>
                </el-col>
                <!--<el-col :span="2" :offset="1">-->
                <!--<div class="grid-content bg-purple">-->
                <!--<span class="add-item" @click="pasteCountry">-->
                <!--<el-tooltip class="item" effect="light" :content="$t('filter.switchTips')" placement="top">-->
                <!--&lt;!&ndash;<el-button type="primary" size="mini" round>{{$t('filter.paste')}}</el-button>&ndash;&gt;-->
                <!--<span>{{$t('filter.paste')}}</span>-->
                <!--</el-tooltip>-->
                <!--&lt;!&ndash; <i class="iconfont icon-add_c"></i> &ndash;&gt;-->
                <!--</span>-->
                <!--</div>-->
                <!--</el-col>-->
                <!--<el-col :span="2" :offset="1">-->
                <!--<div class="grid-content bg-purple clear">-->
                <!--<span class="clear" @click="clearCountry">{{$t('filter.clear')}}</span>-->
                <!--</div>-->
                <!--</el-col>-->
              </el-row>
            </div>
          </div>
        </el-tab-pane>
        <el-tab-pane :label="$t('filter.CommercialcustomerChannelpartner')" name="Customer">
          <div>
            <div>
              <el-row>
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple">{{$t('filter.customerID')}}</div>
                </el-col>
                <el-col :span="11" :offset="1">
                  <div class="grid-content bg-purple">
                    <el-select
                      :no-data-text="$t('filter.noData')"
                      v-model="machineCustomer.IdSValue"
                      :placeholder="$t('filter.pleaseInput')"
                      popper-class="filter-nowrap"
                      multiple
                      filterable
                      default-first-option
                      allow-create
                    >
                      <el-option
                        v-for="item in machineCustomer.IdSelect"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                      </el-option>
                    </el-select>
                  </div>
                </el-col>
                <el-col :span="2" :offset="1">
                  <div class="grid-content bg-purple">
                    <span class="add-item" @click="pasteMachineCustomerId">
                      <el-tooltip class="item" effect="light" :content="$t('filter.switchTips')" placement="top">
                        <!--<el-button type="primary" size="mini" round>{{$t('filter.paste')}}</el-button>-->
                        <span>{{$t('filter.paste')}}</span>
                      </el-tooltip>
                      <!-- <i class="iconfont icon-add_c"></i> -->
                    </span>
                  </div>
                </el-col>
                <!--<el-col :span="2">-->
                <!--<div class="grid-content bg-purple clear">-->
                <!--<span class="clear" @click="clearBpId">{{$t('filter.clear')}}</span>-->
                <!--</div>-->
                <!--</el-col>-->
              </el-row>
              <el-row>
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple">{{$t('filter.groupName')}}</div>
                </el-col>
                <el-col :span="11" :offset="1">
                  <div class="grid-content bg-purple">
                    <el-select
                      :no-data-text="$t('filter.noData')"
                      v-model="machineCustomer.GroupNameSValue"
                      :placeholder="$t('filter.pleaseInput')"
                      popper-class="filter-nowrap"
                      multiple
                      filterable
                      default-first-option
                      allow-create
                    >
                      <el-option
                        v-for="item in machineCustomer.GroupNameSelect"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                      </el-option>
                    </el-select>
                  </div>
                </el-col>
                <!--<el-col :span="2" :offset="2">-->
                <!--<div class="grid-content bg-purple clear">-->
                <!--<span class="clear" @click="clearGroup">{{$t('filter.clear')}}</span>-->
                <!--</div>-->
                <!--</el-col>-->
              </el-row>
              <el-row>
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple">{{$t('filter.AccountName')}}</div>
                </el-col>
                <el-col :span="11" :offset="1">
                  <div class="grid-content bg-purple">
                    <el-select
                      :no-data-text="$t('filter.noData')"
                      v-model="machineCustomer.AccountNameSValue"
                      :placeholder="$t('filter.pleaseInput')"
                      popper-class="filter-nowrap"
                      multiple
                      filterable
                      default-first-option
                      allow-create
                    >
                      <el-option
                        v-for="item in machineCustomer.AccountNameSelect"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                      </el-option>
                    </el-select>
                  </div>
                </el-col>
                <!--<el-col :span="2" :offset="1">-->
                  <!--<div class="grid-content bg-purple">-->
                    <!--<span class="add-item" @click="pasteBpName">-->
                      <!--<el-tooltip class="item" effect="light" :content="$t('filter.switchTips')" placement="top">-->
                        <!--&lt;!&ndash;<el-button type="primary" size="mini" round>{{$t('filter.paste')}}</el-button>&ndash;&gt;-->
                        <!--<span>{{$t('filter.paste')}}</span>-->
                        <!--&lt;!&ndash; <i class="iconfont icon-add_c"></i> &ndash;&gt;-->
                      <!--</el-tooltip>-->
                    <!--</span>-->
                  <!--</div>-->
                <!--</el-col>-->
                <!--<el-col :span="2">-->
                <!--<div class="grid-content bg-purple clear">-->
                <!--<span class="clear" @click="clearBpName">{{$t('filter.clear')}}</span>-->
                <!--</div>-->
                <!--</el-col>-->
              </el-row>
            </div>
          </div>
        </el-tab-pane>
        <el-tab-pane :label="$t('filter.Product')" name="Product">
          <div>
            <div>
              <el-row>
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple timers">BG</div>
                </el-col>
                <el-col :span="11" :offset="1">
                  <div class="grid-content bg-purple">
                    <mul-select
                      v-model="machineProduct.bgSValue"
                      :options="machineProduct.bgSelect"
                      :placeholder="$t('filter.placeholder')"
                      popper-class="filter-nowrap"
                      multiple
                      filterable
                      default-first-option
                      allow-create
                    ></mul-select>
                  </div>
                </el-col>
                <!--<el-col :span="2" :offset="2">-->
                <!--<div class="grid-content bg-purple clear">-->
                <!--<span class="clear" @click="clearBg">{{$t('filter.clear')}}</span>-->
                <!--</div>-->
                <!--</el-col>-->
              </el-row>
              <el-row>
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple timers">{{$t('filter.SN')}}</div>
                </el-col>
                <el-col :span="11" :offset="1">
                  <div class="grid-content bg-purple">
                    <el-select
                      :no-data-text="$t('filter.noData')"
                      v-model="machineProduct.SNSValue"
                      :placeholder="$t('filter.pleaseInput')"
                      popper-class="filter-nowrap"
                      multiple
                      filterable
                      default-first-option
                      allow-create
                      >
                      <el-option
                        v-for="item in machineProduct.SNSelect"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                      </el-option>
                    </el-select>
                  </div>
                </el-col>
                <el-col :span="2" :offset="1">
                  <div class="grid-content bg-purple">
                    <span class="add-item" @click="pasteMachineSn">
                      <el-tooltip class="item" effect="light" :content="$t('filter.switchTips')" placement="top">
                      <!--<el-button type="primary" size="mini" round>{{$t('filter.paste')}}</el-button>-->
                        <span>{{$t('filter.paste')}}</span>
                        <!-- <i class="iconfont icon-add_c"></i> -->
                      </el-tooltip>
                    </span>
                  </div>
                </el-col>
                <!--<el-col :span="2">-->
                <!--<div class="grid-content bg-purple clear">-->
                <!--<span class="clear" @click="clearSn">{{$t('filter.clear')}}</span>-->
                <!--</div>-->
                <!--</el-col>-->
              </el-row>
              <el-row>
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple timers">{{$t('filter.Material')}}</div>
                </el-col>
                <el-col :span="11" :offset="1">
                  <div class="grid-content bg-purple">
                    <el-select
                      :no-data-text="$t('filter.noData')"
                      v-model="machineProduct.MaterialSValue"
                      :placeholder="$t('filter.pleaseInput')"
                      popper-class="filter-nowrap"
                      multiple
                      filterable
                      default-first-option
                      allow-create
                    >
                      <el-option
                        v-for="item in machineProduct.MaterialSelect"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                      </el-option>
                    </el-select>
                  </div>
                </el-col>
                <el-col :span="2" :offset="1">
                  <div class="grid-content bg-purple">
                    <span class="add-item" @click="pasteMachineMaterial">
                      <el-tooltip class="item" effect="light" :content="$t('filter.switchTips')" placement="top">
                        <!--<el-button type="primary" size="mini" round>{{$t('filter.paste')}}</el-button>-->
                        <span>{{$t('filter.paste')}}</span>
                        <!-- <i class="iconfont icon-add_c"></i> -->
                      </el-tooltip>
                    </span>
                  </div>
                </el-col>
                <!--<el-col :span="2">-->
                <!--<div class="grid-content bg-purple clear">-->
                <!--<span class="clear" @click="clearBrand">{{$t('filter.clear')}}</span>-->
                <!--</div>-->
                <!--</el-col>-->
              </el-row>
              <el-row>
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple timers">{{$t('filter.ProductGroupName')}}</div>
                </el-col>
                <el-col :span="11" :offset="1">
                  <div class="grid-content bg-purple">
                    <el-select
                      :no-data-text="$t('filter.noData')"
                      v-model="machineProduct.GroupNameSValue"
                      :placeholder="$t('filter.pleaseInput')"
                      popper-class="filter-nowrap"
                      multiple
                      filterable
                      default-first-option
                      allow-create
                    >
                      <el-option
                        v-for="item in machineProduct.GroupNameSelect"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                      </el-option>
                    </el-select>
                  </div>
                </el-col>
                <!--<el-col :span="2" :offset="1">-->
                  <!--<div class="grid-content bg-purple">-->
                    <!--<span class="add-item" @click="pasteProductSeries">-->
                      <!--<el-tooltip class="item" effect="light" :content="$t('filter.switchTips')" placement="top">-->
                        <!--&lt;!&ndash;<el-button type="primary" size="mini" round>{{$t('filter.paste')}}</el-button>&ndash;&gt;-->
                        <!--<span>{{$t('filter.paste')}}</span>-->
                      <!--</el-tooltip>-->
                      <!--&lt;!&ndash; <i class="iconfont icon-add_c"></i> &ndash;&gt;-->
                    <!--</span>-->
                  <!--</div>-->
                <!--</el-col>-->
                <!--<el-col :span="2">-->
                <!--<div class="grid-content bg-purple clear">-->
                <!--<span class="clear" @click="clearProductSeries">{{$t('filter.clear')}}</span>-->
                <!--</div>-->
                <!--</el-col>-->
              </el-row>
              <el-row>
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple timers">{{$t('filter.ProductBrandName')}}</div>
                </el-col>
                <el-col :span="11" :offset="1">
                  <div class="grid-content bg-purple">
                    <el-select
                      :no-data-text="$t('filter.noData')"
                      v-model="machineProduct.BrandNameSValue"
                      :placeholder="$t('filter.pleaseInput')"
                      popper-class="filter-nowrap"
                      multiple
                      filterable
                      default-first-option
                      allow-create
                    >
                      <el-option
                        v-for="item in machineProduct.BrandNameSelect"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                      </el-option>
                    </el-select>
                  </div>
                </el-col>
                <el-col :span="2" :offset="1">
                  <div class="grid-content bg-purple">
                    <span class="add-item" @click="pasteMachineBrand">
                      <el-tooltip class="item" effect="light" :content="$t('filter.switchTips')" placement="top">
                        <!--<el-button type="primary" size="mini" round>{{$t('filter.paste')}}</el-button>-->
                        <span>{{$t('filter.paste')}}</span>
                        <!-- <i class="iconfont icon-add_c"></i> -->
                      </el-tooltip>
                    </span>
                  </div>
                </el-col>
                <!--<el-col :span="2">-->
                <!--<div class="grid-content bg-purple clear">-->
                <!--<span class="clear" @click="clearProductFamily">{{$t('filter.clear')}}</span>-->
                <!--</div>-->
                <!--</el-col>-->
              </el-row>
              <el-row>
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple timers">{{$t('filter.ProductSeriesName')}}</div>
                </el-col>
                <el-col :span="11" :offset="1">
                  <div class="grid-content bg-purple">
                    <el-select
                      :no-data-text="$t('filter.noData')"
                      v-model="machineProduct.SeriesNameSValue"
                      :placeholder="$t('filter.pleaseInput')"
                      popper-class="filter-nowrap"
                      multiple
                      filterable
                      default-first-option
                      allow-create
                    >
                      <el-option
                        v-for="item in machineProduct.SeriesNameSelect"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                      </el-option>
                    </el-select>
                  </div>
                </el-col>
                <el-col :span="2" :offset="1">
                  <div class="grid-content bg-purple">
                    <span class="add-item" @click="pasteMachineProductSeries">
                      <el-tooltip class="item" effect="light" :content="$t('filter.switchTips')" placement="top">
                        <!--<el-button type="primary" size="mini" round>{{$t('filter.paste')}}</el-button>-->
                        <span>{{$t('filter.paste')}}</span>
                        <!-- <i class="iconfont icon-add_c"></i> -->
                      </el-tooltip>
                    </span>
                  </div>
                </el-col>
                <!--<el-col :span="2">-->
                <!--<div class="grid-content bg-purple clear">-->
                <!--<span class="clear" @click="clearMaterial">{{$t('filter.clear')}}</span>-->
                <!--</div>-->
                <!--</el-col>-->
              </el-row>
              <el-row>
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple timers">{{$t('filter.ProductSubsetName')}}</div>
                </el-col>
                <el-col :span="11" :offset="1">
                  <div class="grid-content bg-purple">
                    <el-select
                      :no-data-text="$t('filter.noData')"
                      v-model="machineProduct.SubsetNameSValue"
                      :placeholder="$t('filter.pleaseInput')"
                      popper-class="filter-nowrap"
                      multiple
                      filterable
                      default-first-option
                      allow-create
                    >
                      <el-option
                        v-for="item in machineProduct.SubsetNameSelect"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                      </el-option>
                    </el-select>
                  </div>
                </el-col>
                <!--<el-col :span="2" :offset="1">-->
                  <!--<div class="grid-content bg-purple">-->
                    <!--<span class="add-item" @click="pasteMaterial">-->
                      <!--<el-tooltip class="item" effect="light" :content="$t('filter.switchTips')" placement="top">-->
                        <!--&lt;!&ndash;<el-button type="primary" size="mini" round>{{$t('filter.paste')}}</el-button>&ndash;&gt;-->
                        <!--<span>{{$t('filter.paste')}}</span>-->
                        <!--&lt;!&ndash; <i class="iconfont icon-add_c"></i> &ndash;&gt;-->
                      <!--</el-tooltip>-->
                    <!--</span>-->
                  <!--</div>-->
                <!--</el-col>-->
                <!--<el-col :span="2">-->
                <!--<div class="grid-content bg-purple clear">-->
                <!--<span class="clear" @click="clearMaterial">{{$t('filter.clear')}}</span>-->
                <!--</div>-->
                <!--</el-col>-->
              </el-row>
            </div>
          </div>
        </el-tab-pane>
        <el-tab-pane :label="$t('filter.Transaction')" name="Transaction">
          <div>
            <div>
              <el-row>
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple timers">{{$t('filter.SalesOrderNumber')}}</div>
                </el-col>
                <el-col :span="11" :offset="1">
                  <div class="grid-content bg-purple">
                    <el-select
                      :no-data-text="$t('filter.noData')"
                      v-model="machineTransaction.soSValue"
                      :placeholder="$t('filter.pleaseInput')"
                      popper-class="filter-nowrap"
                      multiple
                      filterable
                      default-first-option
                      allow-create
                    >
                      <el-option
                        v-for="item in machineTransaction.soSelect"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                      </el-option>
                    </el-select>
                  </div>
                </el-col>
                <el-col :span="2" :offset="1">
                  <div class="grid-content bg-purple">
                    <span class="add-item" @click="pasteMachineSalesOrderNumber">
                      <el-tooltip class="item" effect="light" :content="$t('filter.switchTips')" placement="top">
                        <!--<el-button type="primary" size="mini" round>{{$t('filter.paste')}}</el-button>-->
                        <span>{{$t('filter.paste')}}</span>
                        <!-- <i class="iconfont icon-add_c"></i> -->
                      </el-tooltip>
                    </span>
                  </div>
                </el-col>
                <!--<el-col :span="2">-->
                <!--<div class="grid-content bg-purple clear">-->
                <!--<span class="clear" @click="clearSo">{{$t('filter.clear')}}</span>-->
                <!--</div>-->
                <!--</el-col>-->
              </el-row>
              <el-row>
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple timers">{{$t('filter.BillingNumber')}}</div>
                </el-col>
                <el-col :span="11" :offset="1">
                  <div class="grid-content bg-purple">
                    <el-select
                      :no-data-text="$t('filter.noData')"
                      v-model="machineTransaction.billingSValue"
                      :placeholder="$t('filter.pleaseInput')"
                      popper-class="filter-nowrap"
                      multiple
                      filterable
                      default-first-option
                      allow-create
                    >
                      <el-option
                        v-for="item in machineTransaction.billingSelect"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                      </el-option>
                    </el-select>
                  </div>
                </el-col>
                <el-col :span="2" :offset="1">
                  <div class="grid-content bg-purple">
                    <span class="add-item" @click="pasteMachineBillingNumber">
                      <el-tooltip class="item" effect="light" :content="$t('filter.switchTips')" placement="top">
                        <!--<el-button type="primary" size="mini" round>{{$t('filter.paste')}}</el-button>-->
                        <span>{{$t('filter.paste')}}</span>
                        <!-- <i class="iconfont icon-add_c"></i> -->
                      </el-tooltip>
                    </span>
                  </div>
                </el-col>
                <!--<el-col :span="2">-->
                <!--<div class="grid-content bg-purple clear">-->
                <!--<span class="clear" @click="clearBilling">{{$t('filter.clear')}}</span>-->
                <!--</div>-->
                <!--</el-col>-->
              </el-row>
            </div>
          </div>
        </el-tab-pane>
      </el-tabs>
      <div class="btn-foot">
        <!--<el-button type="success" @click="nextSteps" v-if="(showCardTag < 6 && chart.value === 'transaction') || (showCardTag < 5 && chart.value === 'service')">{{$t('filter.next')}}</el-button>-->
        <el-button type="success" @click="filterSearch">{{$t('filter.search')}}</el-button>
        <!--<el-button type="danger" @click="backSteps" v-show="showCardTag > 1" style="margin-left: 40px;">{{$t('filter.back')}}</el-button>-->
      </div>
    </div>


    <!--这是个弹框-->

    <!--elementui-->
    <el-dialog custom-class="dialog-paste" :title="$t('filter.dialogTitle')" :visible.sync="dialogData.dialogRegion">
      <el-input
        style="width: 100%; height: 100%"
        type="textarea"
        :autosize="{ minRows: 5, maxRows: 7}"
        :placeholder="$t('filter.pasteContent')"
        v-model="gepgraphy.regionText">
      </el-input>
      <div class="dialog-footer">
        <el-button @click="cancelPaste">{{$t('filter.cancel')}}</el-button>
        <el-button type="primary" @click="confimPaste">{{$t('filter.confirm')}}</el-button>
      </div>
    </el-dialog>
    <el-dialog custom-class="dialog-paste" :title="$t('filter.dialogTitle')" :visible.sync="dialogData.dialogCountry">
      <el-input
        style="width: 100%; height: 100%"
        type="textarea"
        :autosize="{ minRows: 5, maxRows: 7}"
        :placeholder="$t('filter.pasteContent')"
        v-model="gepgraphy.countryText">
      </el-input>
      <div class="dialog-footer">
        <el-button @click="cancelPasteCountry">{{$t('filter.cancel')}}</el-button>
        <el-button type="primary" @click="confimPasteCountry">{{$t('filter.confirm')}}</el-button>
      </div>
    </el-dialog>
    <el-dialog custom-class="dialog-paste" :title="$t('filter.dialogTitle')" :visible.sync="dialogData.dialogCustomerId">
      <el-input
        style="width: 100%; height: 100%"
        type="textarea"
        :autosize="{ minRows: 5, maxRows: 7}"
        :placeholder="$t('filter.pasteContent')"
        v-model="bp.bpIdText">
      </el-input>
      <div class="dialog-footer">
        <el-button @click="cancelPasteCustomerId">{{$t('filter.cancel')}}</el-button>
        <el-button type="primary" @click="confimPasteCustomerId">{{$t('filter.confirm')}}</el-button>
      </div>
    </el-dialog>
    <el-dialog custom-class="dialog-paste" :title="$t('filter.dialogTitle')" :visible.sync="dialogData.dialogCustomerName">
      <el-input
        style="width: 100%; height: 100%"
        type="textarea"
        :autosize="{ minRows: 5, maxRows: 7}"
        :placeholder="$t('filter.pasteContent')"
        v-model="bp.bpNameText">
      </el-input>
      <div class="dialog-footer">
        <el-button @click="cancelPasteCustomerName">{{$t('filter.cancel')}}</el-button>
        <el-button type="primary" @click="confimPasteCustomerName">{{$t('filter.confirm')}}</el-button>
      </div>
    </el-dialog>
    <el-dialog custom-class="dialog-paste" :title="$t('filter.dialogTitle')" :visible.sync="dialogData.dialogNielsenId">
      <el-input
        style="width: 100%; height: 100%"
        type="textarea"
        :autosize="{ minRows: 5, maxRows: 7}"
        :placeholder="$t('filter.pasteContent')"
        v-model="tags.nilsonIdText">
      </el-input>
      <div class="dialog-footer">
        <el-button @click="cancelPasteNielsenID">{{$t('filter.cancel')}}</el-button>
        <el-button type="primary" @click="confimPasteNielsenID">{{$t('filter.confirm')}}</el-button>
      </div>
    </el-dialog>
    <el-dialog custom-class="dialog-paste" :title="$t('filter.dialogTitle')" :visible.sync="dialogData.dialogBu">
      <el-input
        style="width: 100%; height: 100%"
        type="textarea"
        :autosize="{ minRows: 5, maxRows: 7}"
        :placeholder="$t('filter.pasteContent')"
        v-model="product.buText">
      </el-input>
      <div class="dialog-footer">
        <el-button @click="cancelPasteBu">{{$t('filter.cancel')}}</el-button>
        <el-button type="primary" @click="confimPasteBu">{{$t('filter.confirm')}}</el-button>
      </div>
    </el-dialog>
    <el-dialog custom-class="dialog-paste" :title="$t('filter.dialogTitle')" :visible.sync="dialogData.dialogBrand">
      <el-input
        style="width: 100%; height: 100%"
        type="textarea"
        :autosize="{ minRows: 5, maxRows: 7}"
        :placeholder="$t('filter.pasteContent')"
        v-model="product.brandText">
      </el-input>
      <div class="dialog-footer">
        <el-button @click="cancelPasteBrand">{{$t('filter.cancel')}}</el-button>
        <el-button type="primary" @click="confimPasteBrand">{{$t('filter.confirm')}}</el-button>
      </div>
    </el-dialog>
    <el-dialog custom-class="dialog-paste" :title="$t('filter.dialogTitle')" :visible.sync="dialogData.dialogProductSeries">
      <el-input
        style="width: 100%; height: 100%"
        type="textarea"
        :autosize="{ minRows: 5, maxRows: 7}"
        :placeholder="$t('filter.pasteContent')"
        v-model="product.productSeriesText">
      </el-input>
      <div class="dialog-footer">
        <el-button @click="cancelPasteProductSeries">{{$t('filter.cancel')}}</el-button>
        <el-button type="primary" @click="confimPasteProductSeries">{{$t('filter.confirm')}}</el-button>
      </div>
    </el-dialog>
    <el-dialog custom-class="dialog-paste" :title="$t('filter.dialogTitle')" :visible.sync="dialogData.dialogProductFamily">
      <el-input
        style="width: 100%; height: 100%"
        type="textarea"
        :autosize="{ minRows: 5, maxRows: 7}"
        :placeholder="$t('filter.pasteContent')"
        v-model="product.productFamilyText">
      </el-input>
      <div class="dialog-footer">
        <el-button @click="cancelPasteProductFamily">{{$t('filter.cancel')}}</el-button>
        <el-button type="primary" @click="confimPasteProductFamily">{{$t('filter.confirm')}}</el-button>
      </div>
    </el-dialog>
    <el-dialog custom-class="dialog-paste" :title="$t('filter.dialogTitle')" :visible.sync="dialogData.dialogMaterial">
      <el-input
        style="width: 100%; height: 100%"
        type="textarea"
        :autosize="{ minRows: 5, maxRows: 7}"
        :placeholder="$t('filter.pasteContent')"
        v-model="product.materialText">
      </el-input>
      <div class="dialog-footer">
        <el-button @click="cancelPasteMaterial">{{$t('filter.cancel')}}</el-button>
        <el-button type="primary" @click="confimPasteMaterial">{{$t('filter.confirm')}}</el-button>
      </div>
    </el-dialog>
    <el-dialog custom-class="dialog-paste" :title="$t('filter.dialogTitle')" :visible.sync="dialogData.dialogSn">
      <el-input
        style="width: 100%; height: 100%"
        type="textarea"
        :autosize="{ minRows: 5, maxRows: 7}"
        :placeholder="$t('filter.pasteContent')"
        v-model="product.snText">
      </el-input>
      <div class="dialog-footer">
        <el-button @click="cancelPasteSn">{{$t('filter.cancel')}}</el-button>
        <el-button type="primary" @click="confimPasteSn">{{$t('filter.confirm')}}</el-button>
      </div>
    </el-dialog>
    <el-dialog custom-class="dialog-paste" :title="$t('filter.dialogTitle')" :visible.sync="dialogData.dialogSalesOrderNumber">
      <el-input
        style="width: 100%; height: 100%"
        type="textarea"
        :autosize="{ minRows: 5, maxRows: 7}"
        :placeholder="$t('filter.pasteContent')"
        v-model="transaction.soText">
      </el-input>
      <div class="dialog-footer">
        <el-button @click="cancelPasteSalesOrderNumber">{{$t('filter.cancel')}}</el-button>
        <el-button type="primary" @click="confimPasteSalesOrderNumber">{{$t('filter.confirm')}}</el-button>
      </div>
    </el-dialog>
    <el-dialog custom-class="dialog-paste" :title="$t('filter.dialogTitle')" :visible.sync="dialogData.dialogBillingNumber">
      <el-input
        style="width: 100%; height: 100%"
        type="textarea"
        :autosize="{ minRows: 5, maxRows: 7}"
        :placeholder="$t('filter.pasteContent')"
        v-model="transaction.billingText">
      </el-input>
      <div class="dialog-footer">
        <el-button @click="cancelPasteBillingNumber">{{$t('filter.cancel')}}</el-button>
        <el-button type="primary" @click="confimPasteBillingNumber" style="background:#0090e9;">{{$t('filter.confirm')}}</el-button>
      </div>
    </el-dialog>
    <el-dialog custom-class="dialog-paste" :title="$t('filter.dialogTitle')" :visible.sync="dialogData.dialogMachineCustomerId">
      <el-input
        style="width: 100%; height: 100%"
        type="textarea"
        :autosize="{ minRows: 5, maxRows: 7}"
        :placeholder="$t('filter.pasteContent')"
        v-model="machineCustomer.MachineCustomerIdText">
      </el-input>
      <div class="dialog-footer">
        <el-button @click="cancelMachineCustomerId">{{$t('filter.cancel')}}</el-button>
        <el-button type="primary" @click="confimMachineCustomerId" style="background:#0090e9;">{{$t('filter.confirm')}}</el-button>
      </div>
    </el-dialog>
    <el-dialog custom-class="dialog-paste" :title="$t('filter.dialogTitle')" :visible.sync="dialogData.dialogMachineSn">
      <el-input
        style="width: 100%; height: 100%"
        type="textarea"
        :autosize="{ minRows: 5, maxRows: 7}"
        :placeholder="$t('filter.pasteContent')"
        v-model="machineProduct.MachineSnText">
      </el-input>
      <div class="dialog-footer">
        <el-button @click="cancelMachinePasteSn">{{$t('filter.cancel')}}</el-button>
        <el-button type="primary" @click="confimMachinePasteSn" style="background:#0090e9;">{{$t('filter.confirm')}}</el-button>
      </div>
    </el-dialog>
    <el-dialog custom-class="dialog-paste" :title="$t('filter.dialogTitle')" :visible.sync="dialogData.dialogMachineBrand">
      <el-input
        style="width: 100%; height: 100%"
        type="textarea"
        :autosize="{ minRows: 5, maxRows: 7}"
        :placeholder="$t('filter.pasteContent')"
        v-model="machineProduct.MachineBrandText">
      </el-input>
      <div class="dialog-footer">
        <el-button @click="cancelMachinePasteBrand">{{$t('filter.cancel')}}</el-button>
        <el-button type="primary" @click="confimMachinePasteBrand" style="background:#0090e9;">{{$t('filter.confirm')}}</el-button>
      </div>
    </el-dialog>
    <el-dialog custom-class="dialog-paste" :title="$t('filter.dialogTitle')" :visible.sync="dialogData.dialogMachineProductSeries">
      <el-input
        style="width: 100%; height: 100%"
        type="textarea"
        :autosize="{ minRows: 5, maxRows: 7}"
        :placeholder="$t('filter.pasteContent')"
        v-model="machineProduct.MachineProductSeriesText">
      </el-input>
      <div class="dialog-footer">
        <el-button @click="cancelMachinePasteProductSeries">{{$t('filter.cancel')}}</el-button>
        <el-button type="primary" @click="confimMachinePasteProductSeries" style="background:#0090e9;">{{$t('filter.confirm')}}</el-button>
      </div>
    </el-dialog>
    <el-dialog custom-class="dialog-paste" :title="$t('filter.dialogTitle')" :visible.sync="dialogData.dialogMachineMaterial">
      <el-input
        style="width: 100%; height: 100%"
        type="textarea"
        :autosize="{ minRows: 5, maxRows: 7}"
        :placeholder="$t('filter.pasteContent')"
        v-model="machineProduct.MachineMaterialText">
      </el-input>
      <div class="dialog-footer">
        <el-button @click="cancelMachinePasteMaterial">{{$t('filter.cancel')}}</el-button>
        <el-button type="primary" @click="confimMachinePasteMaterial" style="background:#0090e9;">{{$t('filter.confirm')}}</el-button>
      </div>
    </el-dialog>
    <el-dialog custom-class="dialog-paste" :title="$t('filter.dialogTitle')" :visible.sync="dialogData.dialogMachineSalesOrderNumber">
      <el-input
        style="width: 100%; height: 100%"
        type="textarea"
        :autosize="{ minRows: 5, maxRows: 7}"
        :placeholder="$t('filter.pasteContent')"
        v-model="machineTransaction.MachineSalesOrderNumberText">
      </el-input>
      <div class="dialog-footer">
        <el-button @click="cancelMachinePasteSalesOrderNumber">{{$t('filter.cancel')}}</el-button>
        <el-button type="primary" @click="confimMachinePasteSalesOrderNumber" style="background:#0090e9;">{{$t('filter.confirm')}}</el-button>
      </div>
    </el-dialog>
    <el-dialog custom-class="dialog-paste" :title="$t('filter.dialogTitle')" :visible.sync="dialogData.dialogMachineBillingNumber">
      <el-input
        style="width: 100%; height: 100%"
        type="textarea"
        :autosize="{ minRows: 5, maxRows: 7}"
        :placeholder="$t('filter.pasteContent')"
        v-model="machineTransaction.MachineBillingNumberText">
      </el-input>
      <div class="dialog-footer">
        <el-button @click="cancelMachinePasteBillingNumber">{{$t('filter.cancel')}}</el-button>
        <el-button type="primary" @click="confimMachinePasteBillingNumber" style="background:#0090e9;">{{$t('filter.confirm')}}</el-button>
      </div>
    </el-dialog>

  </div>
</template>

<script>
  import {getUsername, setFilterParams, getToken, getPageName, getUrl} from '../../../utils/auth'
  import {mapGetters} from 'vuex'
  import mSelect from '../../../components/MDatePicker/mSelect'
  import qSelect from '../../../components/QDatePicker/qSelect'
  import cqSelect from '../../../components/QDatePicker/cqSelect'
  import clickoutside from './clickoutside';
  import checkPermission_BG from './../../../utils/permission_BG'

  export default {
    name: 'filter',
    data() {
      return {
        showPopoverCard: {
          group: false,
          customer: false,
          name: false,
          nielsen_id: false,
          prod_brand: false,
          prod_series: false,
          prod_family: false,
          sales_order_num: false,
          billing_num: false
        },
        timeout:  null,
        activeName:'Time',
        activeName2:'Time',
        activeName1:'Industry',
        // 财
        billingYearOptions: [
          {
            value: '2013',
            label: 'FY1314'
          },
          {
            value: '2014',
            label: 'FY1415'
          },
          {
            value: '2015',
            label: 'FY1516'
          },
          {
            value: '2016',
            label: 'FY1617'
          },
          {
            value: '2017',
            label: 'FY1718'
          },
          {
            value: '2018',
            label: 'FY1819'
          },
        ],
        //季props
        startQ: '',
        qshijian: 2018,
        shijianfangwei1: 2015,
        shijianfangwei2: 2018,
        // 财月props
        // shijian: 2018,
        shijian: 2018,
        // 弹框控制显示或隐藏
        dialogData: {
          dialogRegion: false,
          dialogCountry: false,
          dialogCustomerId: false,
          dialogCustomerName: false,
          dialogNielsenId: false,
          dialogBu: false,
          dialogBrand: false,
          dialogProductSeries: false,
          dialogProductFamily: false,
          dialogMaterial: false,
          dialogSn: false,
          dialogSalesOrderNumber: false,
          dialogBillingNumber: false,

          dialogMachineCustomerId: false,
          dialogMachineCustomerName: false,
          dialogMachineSn: false,
          dialogMachineBrand: false,
          dialogMachineProductSeries: false,
          dialogMachineMaterial: false,
          dialogMachineSalesOrderNumber: false,
          dialogMachineBillingNumber: false,
        },
        // 表名修改
        tableName: 'cbi_document_flow & cbi_bp',
        searchLoading: false,
        // 用于控制显示的tag
        showCardTag: 1,
        heighlightTag: 1,
        // transaction表下的绑定类
        // transactionTag1: true,
        // transactionTag2: false,
        // transactionTag3: false,
        // transactionTag4: false,
        // transactionTag5: false,
        // transactionTag6: false,
        // 两张表的不同tag
        transactionTableTag: ['Time', 'Geography', 'CommercialcustomerChannelpartner', 'Tags', 'Product', 'Transaction'],
        serviceTableTag: ['Time', 'Geography', 'CommercialcustomerChannelpartner', 'Tags', 'Product'],
        selectActiveNames: 0,
        symbolData: {
          geoValueChange: '=',
          regionValueChange: '=',
          countryValueChange: '=',
          groupValueChange: '=',
          bpIdValueChange: '=',
          bpNameValueChange: '=',
          industryValueChange: '=',
          nilsonIdValueChange: 'CONTAIN',
          loyaltyValueChange: '=',
          scaleValueChange: '=',
          crossBuyValueChange: '=',
          bgValueChange: '=',
          buValueChange: '=',
          brandValueChange: '=',
          productSeriesValueChange: '=',
          productFamilyValueChange: '=',
          materialValueChange: '=',
          snValueChange: '=',
          segmentValueChange: '=',
          soValueChange: '=',
          billingValueChange: '=',
          caValueChange: '=',
          gpValueChange: '=',
          gp2ValueChange: '=',
          revenueValueChange: '=',
          billingDateValueChange: '=',
          deliveryDateValueChange: '=',
          soDateValueChange: '=',
          serviceDateValueChange: '='
        },
        timeMarkDate: {
          billingDateMark: '',
          deliveryDateMark: '',
          soDateMark: '',
          serviceDateMark: ''
        },
        value3: '',
        value4: '',
        value5: '',
        deliveryWeekValue: '',
        deliveryWeekValues1: '',
        deliveryWeekValues2: '',
        soWeekValue: '',
        soWeekValues1: '',
        soWeekValues2: '',
        serviceWeekValue: '',
        serviceWeekValues1: '',
        serviceWeekValues2: '',
        MachineBuildDateBetween1:'',
        MachineBuildDateBetween2:'',
        MachineShipDateBetween1:'',
        MachineShipDateBetween2:'',
        MachineRegisterDateBetween1:'',
        MachineRegisterDateBetween2:'',
        MachineEndServiceDateBetween1:'',
        MachineEndServiceDateBetween2:'',
        BillingDateBetween1:'',
        BillingDateBetween2:'',
        fullscreenLoading: false,
        dialogVisible: false,
        activeNames: ['6'],
        chartOptions:[],
        chart: {
          options: [
            {
              value: "transaction",
              //              label: 'Transaction'
              label: "cbi_document_flow & cbi_bp"
            },
            {
              value: "service",
              //              label: 'Service'
              //              label: 'cbi_service'
              label: "services_claim & cbi_bp"
            },
            {
              value: "cbd",
              bg:['PCSD'],
              label: "cbi_bp_cbd"
            },
            {
              value: "dm_machine",
              label: "dm_machine"
            },
          ],
          value: "transaction"
        },
        gepgraphy: {
          regionText: '',
          regionTextArr: [],
          pasteRegion: true,

          countryText: '',
          countryTextArr: [],
          pasteCountry: true,
          // 一
          geoOptions: [
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            }
          ],
          regionOptions: [
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            }
          ],
          countryOptions: [
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            }
          ],
          // 二
          geoSelect: [],
          regionSelect: [],
          countrySelect: [],
          geoValues: [],
          geoValue: 'eq',
          num: 0,
          regionValue: 'eq',
          countryValue: 'eq',
          geoSValue: [],
          regionSValue: [],
          countrySValue: []
        },
        bp: {
          disabledID: false,
          disabledName: false,
          bpIdText: '',
          bpIdTextArr: [],
          pasteBpId: true,
          bpNameText: '',
          bpNameTextArr: [],
          pasteBpName: true,
          // g
          bpIdOptions: [
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            },
            {
              value: 'contain',
              label: 'CONTAIN'
            },
            {
              value: 'notcontain',
              label: 'NOT CONTAIN'
            }
          ],
          bpNameOptions: [
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            },
            {
              value: 'contain',
              label: 'CONTAIN'
            },
            {
              value: 'notcontain',
              label: 'NOT CONTAIN'
            }
          ],
          groupOptions: [
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            },
            {
              value: 'contain',
              label: 'CONTAIN'
            },
            {
              value: 'notcontain',
              label: 'NOT CONTAIN'
            }
          ],
          bpIdSelect: [],
          bpNameSelect: [],
          groupSelect: [],
          bpIdValue: 'eq',
          bpNameValue: 'eq',
          groupValue: 'eq',
          bpIdSValues: [],
          bpIdSValue: '',
          bpNameSValues: [],
          bpNameSValue: '',
          groupSValues: [],
          groupSValue: ''
        },
        tags: {
          nilsonIdText: '',
          nilsonIdTextArr: [],
          pasteNilsonId: true,

          industryOptions: [
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            },
            // {
            //   value: 'contain',
            //   label: 'CONTAIN'
            // },
            // {
            //   value: 'notcontain',
            //   label: 'NOT CONTAIN'
            // }
          ],
          nilsonIdOptions: [
            {
              value: 'contain',
              label: 'CONTAIN'
            },
            {
              value: 'notcontain',
              label: 'NOT CONTAIN'
            }
          ],
          loyaltyOptions: [
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            },
            // {
            //   value: 'contain',
            //   label: 'CONTAIN'
            // },
            // {
            //   value: 'notcontain',
            //   label: 'NOT CONTAIN'
            // }
          ],
          scaleOptions: [
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            },
            // {
            //   value: 'contain',
            //   label: 'CONTAIN'
            // },
            // {
            //   value: 'notcontain',
            //   label: 'NOT CONTAIN'
            // }
          ],
          crossBuyOptions: [
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            },
            // {
            //   value: 'contain',
            //   label: 'CONTAIN'
            // },
            // {
            //   value: 'notcontain',
            //   label: 'NOT CONTAIN'
            // }
          ],
          industrySelect: [],
          nilsonIdSelect: [],
          loyaltySelect: [],
          scaleSelect: [],
          crossBuySelect: [],
          industryValue: 'eq',
          nilsonIdValue: 'contain',
          loyaltyValue: 'eq',
          scaleValue: 'eq',
          crossBuyValue: 'eq',
          industrySValue: [],
          nilsonIdSValues: [],
          nilsonIdSValue: '',
          loyaltySValue: [],
          scaleSValue: [],
          crossBuySValue: []
        },
        product: {
          buText: '',
          buTextArr: [],
          pasteBu: true,

          brandText: '',
          brandTextArr: [],
          pasteBrand: true,

          productSeriesText: '',
          productSeriesTextArr: [],
          pasteProductSeries: true,

          productFamilyText: '',
          productFamilyTextArr: [],
          pasteProductFamily: true,

          materialText: '',
          // materialTextArr: [],
          materialTextArr: [],
          pasteMaterial: true,

          snText: '',
          snTextArr: [],
          pasteSn: true,
          // g
          bgOptions: [
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            },
            // {
            //   value: 'contain',
            //   label: 'CONTAIN'
            // },
            // {
            //   value: 'notcontain',
            //   label: 'NOT CONTAIN'
            // }
          ],
          buOptions: [
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            },
            // {
            //   value: 'contain',
            //   label: 'CONTAIN'
            // },
            // {
            //   value: 'notcontain',
            //   label: 'NOT CONTAIN'
            // }
          ],
          brandOptions: [
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            },
            {
              value: 'contain',
              label: 'CONTAIN'
            },
            {
              value: 'notcontain',
              label: 'NOT CONTAIN'
            }
          ],
          productSeriesOptions: [
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            },
            {
              value: 'contain',
              label: 'CONTAIN'
            },
            {
              value: 'notcontain',
              label: 'NOT CONTAIN'
            }
          ],
          productFamilyOptions: [
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            },
            {
              value: 'contain',
              label: 'CONTAIN'
            },
            {
              value: 'notcontain',
              label: 'NOT CONTAIN'
            }
          ],
          materialOptions: [
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            },
            {
              value: 'contain',
              label: 'CONTAIN'
            },
            {
              value: 'notcontain',
              label: 'NOT CONTAIN'
            }
          ],
          snOptions: [
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            },
            {
              value: 'contain',
              label: 'CONTAIN'
            },
            {
              value: 'notcontain',
              label: 'NOT CONTAIN'
            }
          ],
          bgSelect: [],
          buSelect: [],
          brandSelect: [],
          productSeriesSelect: [],
          productFamilySelect: [],
          materialSelect: [],
          snSelect: [],
          bgValue: 'eq',
          buValue: 'eq',
          brandValue: 'eq',
          productSeriesValue: 'eq',
          productFamilyValue: 'eq',
          materialValue: 'eq',
          snValue: 'eq',
          bgSValue: [],
          buSValue: [],
          brandSValues: [],
          brandSValue: '',
          productSeriesSValues: [],
          productSeriesSValue: '',
          productFamilySValues: [],
          productFamilySValue: '',
//          materialSValues: [],
          materialSValue: [],
          snSValue: [],
        },
        transaction: {
          showInput: true,
          showGpInput: true,
          showGpperInput: true,
          showRevenueInput: true,
          soText: '',
          soTextArr: [],
          pasteSo: true,
          billingText: '',
          billingTextArr: [],
          pasteBilling: true,
          // g
          segmentOptions: [
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            },
            // {
            //   value: 'contain',
            //   label: 'CONTAIN'
            // },
            // {
            //   value: 'notcontain',
            //   label: 'NOT CONTAIN'
            // }
          ],
          soOptions: [
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            },
            {
              value: 'contain',
              label: 'CONTAIN'
            },
            {
              value: 'notcontain',
              label: 'NOT CONTAIN'
            }
          ],
          billingOptions: [
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            },
            {
              value: 'contain',
              label: 'CONTAIN'
            },
            {
              value: 'notcontain',
              label: 'NOT CONTAIN'
            }
          ],
          caOptions: [
            {
              value: 'gt',
              label: '>'
            },
            {
              value: 'gte',
              label: '≥'
            },
            {
              value: 'lt',
              label: '<'
            },
            {
              value: 'lte',
              label: '≤'
            },
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            }
          ],
          gpOptions: [
            {
              value: 'gt',
              label: '>'
            },
            {
              value: 'gte',
              label: '≥'
            },
            {
              value: 'lt',
              label: '<'
            },
            {
              value: 'lte',
              label: '≤'
            },
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            }
          ],
          gp2Options: [
            {
              value: 'gt',
              label: '>'
            },
            {
              value: 'gte',
              label: '≥'
            },
            {
              value: 'lt',
              label: '<'
            },
            {
              value: 'lte',
              label: '≤'
            },
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            }
          ],
          revenueOptions: [
            {
              value: 'gt',
              label: '>'
            },
            {
              value: 'gte',
              label: '≥'
            },
            {
              value: 'lt',
              label: '<'
            },
            {
              value: 'lte',
              label: '≤'
            },
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            }
          ],
          segmentSelect: [],
          soSelect: [],
          billingSelect: [],
          caSelect: [],
          gpSelect: [],
          gp2Select: [],
          revenueSelect: [],
          segmentValue: 'eq',
          soValue: 'eq',
          billingValue: 'eq',
          caValue: 'eq',
          gpValue: 'eq',
          gp2Value: 'eq',
          revenueValue: 'eq',
          segmentSValue: [],
          soSValues: [],
          soSValue: '',
          billingSValues: [],
          billingSValue: '',
          caSValue: [],
          caSValue2: '',
          gpSValue: [],
          gpSValue2: '',
          gp2SValue: [],
          gp2SValue2: '',
          revenueSValue: [],
          revenueSValue2: '',
          tips: {
            showCaTips: false,
            showGpTips: false,
            showGpperTips: false,
            showRevenueTips: false
          }
        },
        time: {
          options: [
            {
//              value: '财年',
              value: 'Fiscal Year',
              label: 'Fiscal year',
              children: [
                {
                  value: 'billing_year_fis',
                  label: 'Year'
                },
               {
                 value: 'billing_quarter_fis',
                 label: 'Quarter'
               },
                {
                  value: 'billing_month_fis',
                  label: 'Month'
                }
              ]
            },
            {
//              value: '自然年',
              value: 'Calendar Year',
              label: 'Calendar year',
              children: [
                {
                  value: 'billing_year',
                  label: 'Year'
                },
               {
                 value: 'billing_quarter',
                 label: 'Quarter'
               },
                {
                  value: 'billing_month',
                  label: 'Month'
                },
                {
                  value: 'billing_week',
                  label: 'Week'
                },
                {
                  value: 'billing_date',
                  label: 'Date'
                }
              ]
            }
          ],
          optionsDelivery: [
            {
//              value: '财年',
              value: 'Fiscal Year',
              label: 'Fiscal year',
              children: [
                {
                  value: 'delivery_gi_year_fis',
                  label: 'Year'
                },
               {
                 value: 'delivery_gi_quarter_fis',
                 label: 'Quarter'
               },
                {
                  value: 'delivery_gi_month_fis',
                  label: 'Month'
                }
              ]
            },
            {
//              value: '自然年',
              value: 'Calendar Year',
              label: 'Calendar year',
              children: [
                {
                  value: 'delivery_gi_year',
                  label: 'Year'
                },
               {
                 value: 'delivery_gi_quarter',
                 label: 'Quarter'
               },
                {
                  value: 'delivery_gi_month',
                  label: 'Month'
                },
                {
                  value: 'delivery_gi_week',
                  label: 'Week'
                },
                {
                  value: 'delivery_gi_date',
                  label: 'Date'
                }
              ]
            }
          ],
          optionsSo: [
            {
//              value: '财年',
              value: 'Fiscal Year',
              label: 'Fiscal year',
              children: [
                {
                  value: 'sales_order_create_year_fis',
                  label: 'Year'
                },
               {
                 value: 'sales_order_create_quarter_fis',
                 label: 'Quarter'
               },
                {
                  value: 'sales_order_create_month_fis',
                  label: 'Month'
                }
              ]
            },
            {
//              value: '自然年',
              value: 'Calendar Year',
              label: 'Calendar year',
              children: [
                {
                  value: 'sales_order_create_year',
                  label: 'Year'
                },
               {
                 value: 'sales_order_create_quarter',
                 label: 'Quarter'
               },
                {
                  value: 'sales_order_create_month',
                  label: 'Month'
                },
                {
                  value: 'sales_order_create_week',
                  label: 'Week'
                },
                {
                  value: 'sales_order_create_date',
                  label: 'Date'
                }
              ]
            }
          ],
          optionsService: [
            {
//              value: '财年',
              value: 'Fiscal Year',
              label: 'Fiscal year',
              children: [
                {
                  value: 'create_year_fis',
                  label: 'Year'
                },
               {
                 value: 'create_quarter_fis',
                 label: 'Quarter'
               },
                {
                  value: 'create_month_fis',
                  label: 'Month'
                }
              ]
            },
            {
//              value: '自然年',
              value: 'Calendar Year',
              label: 'Calendar year',
              children: [
                {
                  value: 'create_year',
                  label: 'Year'
                },
               {
                 value: 'create_quarter',
                 label: 'Quarter'
               },
                {
                  value: 'create_month',
                  label: 'Month'
                },
                {
                  value: 'create_week',
                  label: 'Week'
                },
                {
                  value: 'createtime',
                  label: 'Date'
                }
              ]
            }
          ],
          selectedOptions: [],
          selectedOptionsService: [],
          optionsServiceService: [],
          selectedOptionsDelivery: [],
          selectedOptionsSo: [],
          billingDateOptions: [
            {
              value: 'gt',
              label: '>'
            },
            {
              value: 'gte',
              label: '≥'
            },
            {
              value: 'lt',
              label: '<'
            },
            {
              value: 'lte',
              label: '≤'
            },
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            },
            {
              value: 'between',
              label: 'between'
            }
          ],
          billingDateChange: [
            {
              value: '财年',
              label: '财年'
            },
            {
              value: '自然年',
              label: '自然年'
            }
          ],
          billingDateSelect: [],
          serviceDateOptions: [
            {
              value: 'gt',
              label: '>'
            },
            {
              value: 'gte',
              label: '≥'
            },
            {
              value: 'lt',
              label: '<'
            },
            {
              value: 'lte',
              label: '≤'
            },
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            },
            {
              value: 'between',
              label: 'between'
            }
          ],

          billingbillingValue: 'eq',
          billingDateChangeValue: '',
          billingDateSelectValue: '',
          serviceBillingValue: 'eq',

          deliveryValueOptions: [
            {
              value: 'gt',
              label: '>'
            },
            {
              value: 'gte',
              label: '≥'
            },
            {
              value: 'lt',
              label: '<'
            },
            {
              value: 'lte',
              label: '≤'
            },
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            },
            {
              value: 'between',
              label: 'between'
            }
          ],
          deliveryValueChange: [
            {
              value: '财年',
              label: '财年'
            },
            {
              value: '自然年',
              label: '自然年'
            }
          ],
          deliveryValueSelect: [],
          deliveryValue: '', // 日期值
          deliveryDateValue: 'eq', // 操作符值
          deliveryBetween1: '',
          deliveryBetween2: '',
          newDeliveryBetween1:'',
          newDeliveryBetween2:'',
          deliveryBetweenDate: '',
          deliveryValueChangeValue: '',
          deliveryValueSelectValue: '',

          deliveryShowYear: true,
          deliveryShowQuarter: false,
          deliveryShowMonth: false,
          deliveryShowDate: false,
          deliveryShowWeek: false,
          deliveryShowBetweenYear: false,
          deliveryShowBetweenQuarter: false,
          deliveryShowBetweenMonth: false,
          deliveryShowBetweenDate: false,
          deliveryShowBetweenWeek: false,

          serviceShowYear: true,
          serviceShowQuarter: true,
          serviceShowMonth: false,
          serviceShowDate: false,
          serviceShowWeek: false,
          serviceShowBetweenYear: false,
          serviceShowBetweenQuarter: false,
          serviceShowBetweenMonth: false,
          serviceShowBetweenDate: false,
          serviceShowBetweenWeek: false,
          soDateOptions: [
            {
              value: 'gt',
              label: '>'
            },
            {
              value: 'gte',
              label: '≥'
            },
            {
              value: 'lt',
              label: '<'
            },
            {
              value: 'lte',
              label: '≤'
            },
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            },
            {
              value: 'between',
              label: 'between'
            }
          ],
          soDateChange: [
            {
              value: '财年',
              label: '财年'
            },
            {
              value: '自然年',
              label: '自然年'
            }
          ],
          soDateSelect: [],
          soValue: 'eq',
          soDateChangeValue: '',
          soDateSelectValue: ''
        },
        industry: {
          tradeNameSelect: [],
          industryNameSelect: [],
          mainIndustrySelect: [],
          subIndustrySelect: [],
          subIndustrySelect2: [],

          tradeNameSValue: [],
          industryNameSValue: [],
          mainIndustrySValue: [],
          subIndustrySValue: [],
          subIndustrySValue2:[],
        },
        area: {
          regionSelect: [],
          managerDistrictSelect: [],
          provinceSelect: [],
          countySelect: [],

          regionSValue: [],
          managerDistrictSValue: [],
          provinceSValue: [],
          countySValue: []
        },
        geography:{
          MachineShipToCountrySelect:[],
          SalesGeographySelect:[],
          MachineCustomerAccountCountrySelect:[],
          MachineCustomerAccountRegionSelect:[],
          MachineCustomerAccountCitySelect:[],

          MachineShipToCountrySValue:[],
          SalesGeographySValue:[],
          MachineCustomerAccountCountrySValue:[],
          MachineCustomerAccountRegionSValue:[],
          MachineCustomerAccountCitySValue:[],
        },
        machineCustomer:{
          IdSelect:[],
          GroupNameSelect:[],
          AccountNameSelect:[],

          IdSValue:[],
          GroupNameSValue:[],
          AccountNameSValue:[],

          MachineCustomerIdText:'',
          MachineCustomerIdTextArr:[],
          achineCustomerNameText:'',
          MachineCustomerNameTextArr:[],
        },
        machineProduct:{
          bgSelect:[],
          SNSelect:[],
          MaterialSelect:[],
          GroupNameSelect:[],
          BrandNameSelect:[],
          SeriesNameSelect:[],
          SubsetNameSelect:[],

          bgSValue:[],
          SNSValue:[],
          MaterialSValue:[],
          GroupNameSValue:[],
          BrandNameSValue:[],
          SeriesNameSValue:[],
          SubsetNameSValue:[],

          MachineSnText:'',
          MachineSnTextArr:[],
          MachineBrandText:'',
          MachineBrandTextArr:[],
          MachineProductSeriesText:'',
          MachineProductSeriesTextArr:[],
          MachineMaterialText:'',
          MachineMaterialTextArr:[],
        },
        machineTransaction:{
          soSValue:[],
          billingSValue:[],

          soSelect:[],
          billingSelect:[],

          MachineSalesOrderNumberText:'',
          MachineSalesOrderNumberTextArr:[],
          MachineBillingNumberText:'',
          MachineBillingNumberTextArr:[],
        },
        billingValue: '',
        serviceValue: '',
        billingBetween1: '',
        billingBetween2: '',
        newBillingBetween1:'',
        newBillingBetween2:'',
        serviceBetween1: '',
        serviceBetween2: '',
        newServiceBetween1: '',
        newServiceBetween2: '',
        betweenDate: '',
        showYear: true,
        showMonth: false,
        showQuarter: false,
        showDate: false,
        showWeek: false,
        showBetweenYear: false,
        showBetweenMonth: false,
        showBetweenQuarter: false,
        showBetweenDate: false,
        showBetweenWeek: false,

        soValue: '',
        soBetween1: '',
        soBetween2: '',
        newSoBetween1: '',
        newSoBetween2: '',
        sobetweenDate: '',
        soshowYear: true,
        soshowMonth: false,
        soshowQuarter: false,
        soshowDate: false,
        soshowWeek: false,
        soshowBetweenYear: false,
        soshowBetweenQuarter: false,
        soshowBetweenMonth: false,
        soshowBetweenDate: false,
        soshowBetweenWeek: false,
        addItems: [],
        weekDate: '',
        weekBetweenDate1: '',
        weekBetweenDate2: ''
      }
    },
    methods: {
      checkPermission_BG,
      getChartOptions(){
        this.chartOptions=this.chart.options.filter(option => {
          if(option.bg){
            return checkPermission_BG(option.bg)
          }
          return option
        })
      },
      billingYearFisChange1(msg){
        for(let key in this.billingYearOptions){
            if(msg===this.billingYearOptions[key].value){
                this.newBillingBetween1=this.billingYearOptions[key].label
            }
        }
      },
      billingYearFisChange2(msg){
        for(let key in this.billingYearOptions){
          if(msg===this.billingYearOptions[key].value){
            this.newBillingBetween2=this.billingYearOptions[key].label
          }
        }
      },
      billingChange1(msg){
        this.newBillingBetween1=msg;
      },
      billingChange2(msg){
        this.newBillingBetween2=msg;
      },

      deliveryGiYearFisChange1(msg){
        for(let key in this.billingYearOptions){
          if(msg===this.billingYearOptions[key].value){
            this.time.newDeliveryBetween1=this.billingYearOptions[key].label
          }
        }
      },
      deliveryGiYearFisChange2(msg){
        for(let key in this.billingYearOptions){
          if(msg===this.billingYearOptions[key].value){
            this.time.newDeliveryBetween2=this.billingYearOptions[key].label
          }
        }
      },

      deliveryGiChange1(msg){
        this.time.newDeliveryBetween1=msg;
      },
      deliveryGiChange2(msg){
        this.time.newDeliveryBetween2=msg;
      },

      salesOrderCreateYearFisChange1(msg){
        for(let key in this.billingYearOptions){
          if(msg===this.billingYearOptions[key].value){
            this.newSoBetween1=this.billingYearOptions[key].label
          }
        }
      },
      salesOrderCreateYearFisChange2(msg){
        for(let key in this.billingYearOptions){
          if(msg===this.billingYearOptions[key].value){
            this.newSoBetween2=this.billingYearOptions[key].label
          }
        }
      },

      salesOrderCreateChange1(msg){
        this.newSoBetween1=msg;
      },
      salesOrderCreateChange2(msg){
        this.newSoBetween2=msg;
      },


      createYearFisChange1(msg){
        for(let key in this.billingYearOptions){
          if(msg===this.billingYearOptions[key].value){
            this.newServiceBetween1=this.billingYearOptions[key].label
          }
        }
      },
      createYearFisChange2(msg){
        for(let key in this.billingYearOptions){
          if(msg===this.billingYearOptions[key].value){
            this.newServiceBetween2=this.billingYearOptions[key].label
          }
        }
      },

      createChange1(msg){
        this.newServiceBetween1=msg;
      },
      createChange2(msg){
        this.newServiceBetween2=msg;
      },

      billingDateChange(){
        this.newBillingBetween1='';
        this.newBillingBetween2='';
      },
      DeliveryGiDateChange(){
        this.time.newDeliveryBetween1='';
        this.time.newDeliveryBetween2='';
      },
      SalesOrderCreateDate(){
        this.newSoBetween1='';
        this.newSoBetween2='';
      },
      ServiceDateChange(){
        this.newServiceBetween1='';
        this.newServiceBetween2='';
      },

      handleClickOutSide() {
        this.showPopoverCard.group = false
        this.showPopoverCard.customer = false
        this.showPopoverCard.name = false
        this.showPopoverCard.nielsen_id = false
        this.showPopoverCard.prod_brand = false
        this.showPopoverCard.prod_series = false
        this.showPopoverCard.prod_family = false
        this.showPopoverCard.sales_order_num = false
        this.showPopoverCard.billing_num = false
      },
      countNumber(name){
        if(name === 'group'&&this.bp.groupSValues.length!==0){
          this.bp.groupSValue =`Selected quantity:${this.bp.groupSValues.length}`
        }else if(name === "customer"&&this.bp.bpIdSValues.length!==0){
          this.bp.bpIdSValue = `Selected quantity:${this.bp.bpIdSValues.length}`
        }else if(name === "name"&&this.bp.bpNameSValues.length!==0){
          this.bp.bpNameSValue = `Selected quantity:${this.bp.bpNameSValues.length}`
        }else if(name === "nielsen_id"&&this.tags.nilsonIdSValues.length!==0){
          this.tags.nilsonIdSValue =  `Selected quantity:${this.tags.nilsonIdSValues.length}`
        }else if(name === "prod_brand"&&this.product.brandSValues.length!==0){
          this.product.brandSValue =  `Selected quantity:${this.product.brandSValues.length}`
        }else if(name === "prod_series"&&this.product.productSeriesSValues.length!==0){
          this.product.productSeriesSValue = `Selected quantity:${this.product.productSeriesSValues.length}`
        }else if(name === "prod_family"&&this.product.productFamilySValues.length!==0){
          this.product.productFamilySValue = `Selected quantity:${this.product.productFamilySValues.length}`
        }else if(name === "sales_order_num"&&this.transaction.soSValues.length!==0){
          this.transaction.soSValue =  `Selected quantity:${this.transaction.soSValues.length}`
        }else if(name === "billing_num"&&this.transaction.billingSValues.length!==0){
          this.transaction.billingSValue = `Selected quantity:${this.transaction.billingSValues.length}`
        }
        // else if(name === "material"){
        //   this.product.materialSValue = `Selected quantity:${this.product.materialSValues.length}`
        // }else if(name === "sn"){
        //   this.product.snSValue = `Selected quantity:${this.product.snSValues.length}`
        // }
      },
      matchKeyEnter(SValue,SValues,CardName){
        let _this = this
        SValues.push(SValue)
        if(SValue === this.bp.groupSValue){
          this.bp.groupSValue = ''
        }else if(SValue === this.bp.bpIdSValue){
          this.bp.bpIdSValue =  ''
        }else if(SValue === this.bp.bpNameSValue){
          this.bp.bpNameSValue =  ''
        }else if(SValue === this.tags.nilsonIdSValue){
          this.tags.nilsonIdSValue =  ''
        }else if(SValue === this.product.brandSValue){
          this.product.brandSValue =  ''
        }else if(SValue === this.product.productSeriesSValue){
          this.product.productSeriesSValue =  ''
        }else if(SValue === this.product.productFamilySValue){
          this.product.productFamilySValue =  ''
        }else if(SValue === this.transaction.soSValue){
          this.transaction.soSValue =  ''
        }else if(SValue === this.transaction.billingSValue){
          this.transaction.billingSValue =  ''
        }else if(SValue === this.product.materialSValue) {
          this.product.materialSValue = ''
        }else if(SValue === this.product.snSValue) {
          this.product.snSValue =  ''
        }
        clearTimeout(this.timeout)
        this.timeout = setTimeout(()=> {
          // _this.showPopoverCard.group = false
          _this.showPopoverCard[CardName] = false
        },500)
      },
      matchKey(name,value) {
        const _this = this
        clearTimeout(this.timeout)
        this.timeout = setTimeout(function() {
          _this.axios.post('/filtersearch/matchKeyFilter.do', {
            field: name,
            value: value
          }).then(res => {
            let resData = res.data.data
              let datas = resData.map(item => ({
                label: item,
                value: item
              }))
              if(name === "group"){
                _this.showPopoverCard.group = true
                _this.bp.groupSelect = datas
              }else if(name === "customer"){
                _this.showPopoverCard.customer = true
                _this.bp.bpIdSelect = datas
              }else if(name === "name"){
                _this.showPopoverCard.name = true
                _this.bp.bpNameSelect = datas
              }else if(name === "nielsen_id"){
                _this.showPopoverCard.nielsen_id = true
                _this.tags.nilsonIdSelect = datas
              }else if(name === "prod_brand"){
                _this.showPopoverCard.prod_brand = true
                _this.product.brandSelect = datas
              }else if(name === "prod_series"){
                _this.showPopoverCard.prod_series = true
                _this.showPopoverCard.brand = true
                _this.product.productSeriesSelect = datas
              }else if(name === "prod_family"){
                _this.showPopoverCard.prod_family = true
                _this.product.productFamilySelect= datas
              }else if(name === "sales_order_num"){
                _this.showPopoverCard.sales_order_num = true
                _this.transaction.soSelect = datas
              }else if(name === "billing_num"){
                _this.showPopoverCard.billing_num = true
                _this.transaction.billingSelect = datas
              }
          })
        }, 500)
      },
      searchValGroup(item){
        this.showPopoverCard.group = false
        this.bp.groupSValue = item
        this.bp.groupSValues.push(this.bp.groupSValue)
        this.bp.groupSValue = `Selected quantity:${this.bp.groupSValues.length}`
      },
      searchValCustomer(item){
        this.showPopoverCard.customer = false
        this.bp.bpIdSValue = item
        this.bp.bpIdSValues.push(this.bp.bpIdSValue)
        this.bp.bpIdSValue =  `Selected quantity:${this.bp.bpIdSValues.length}`
      },
      searchValName(item){
        this.showPopoverCard.name = false
        this.bp.bpNameSValue = item
        this.bp.bpNameSValues.push(this.bp.bpNameSValue)
        this.bp.bpNameSValue =  `Selected quantity:${this.bp.bpNameSValues.length}`
      },
      searchValNielsen_id(item){
        this.showPopoverCard.nielsen_id = false
        this.tags.nilsonIdSValue = item
        this.tags.nilsonIdSValues.push(this.tags.nilsonIdSValue)
        this.tags.nilsonIdSValue =  `Selected quantity:${this.tags.nilsonIdSValues.length}`
      },
      searchValProd_brand(item){
        this.showPopoverCard.prod_brand = false
        this.product.brandSValue = item
        this.product.brandSValues.push(this.product.brandSValue)
        this.product.brandSValue =  `Selected quantity:${this.product.brandSValues.length}`
      },
      searchValProd_series(item){
        this.showPopoverCard.prod_series = false
        this.product.productSeriesSValue = item
        this.product.productSeriesSValues.push(this.product.productSeriesSValue)
        this.product.productSeriesSValue =  `Selected quantity:${this.product.productSeriesSValues.length}`
      },
      searchValProd_family(item){
        this.showPopoverCard.prod_family = false
        this.product.productFamilySValue = item
        this.product.productFamilySValues.push(this.product.productFamilySValue)
        this.product.productFamilySValue =  `Selected quantity:${this.product.productFamilySValues.length}`
      },
      searchValSales_order_num(item){
        this.showPopoverCard.sales_order_num = false
        this.transaction.soSValue = item
        this.transaction.soSValues.push(this.transaction.soSValue)
        this.transaction.soSValue =  `Selected quantity:${this.transaction.soSValues.length}`
      },
      searchValBilling_num(item){
        this.showPopoverCard.billing_num = false
        this.transaction.billingSValue = item
        this.transaction.billingSValues.push(this.transaction.billingSValue)
        this.transaction.billingSValue =  `Selected quantity:${this.transaction.billingSValues.length}`
      },

      // 拖拽弹框取消/确定事件
      cancelPaste() {
        this.dialogData.dialogRegion = false
        // this.gepgraphy.regionSValue = []
        this.gepgraphy.regionText = ''
        this.gepgraphy.regionTextArr = []
      },
      confimPaste() {
        this.dialogData.dialogRegion = false
        this.gepgraphy.regionSValue = this.gepgraphy.regionSValue.concat(this.gepgraphy.regionTextArr)
      },
      cancelPasteCountry() {
        this.dialogData.dialogCountry = false
        // this.gepgraphy.regionSValue = []
        this.gepgraphy.countryText = ''
        this.gepgraphy.countryTextArr = []
      },
      confimPasteCountry() {
        this.dialogData.dialogCountry = false
        this.gepgraphy.countrySValue = this.gepgraphy.countrySValue.concat(this.gepgraphy.countryTextArr)
      },
      cancelPasteCustomerId() {
        this.dialogData.dialogCustomerId = false
        // this.gepgraphy.regionSValue = []
        this.bp.bpIdText = ''
        this.bp.bpIdTextArr = []
      },
      confimPasteCustomerId() {
        this.dialogData.dialogCustomerId = false
        this.bp.bpIdSValues = this.bp.bpIdSValues.concat(this.bp.bpIdTextArr)
        this.bp.bpIdSValue =  `Selected quantity:${this.bp.bpIdSValues.length}`
      },
      cancelPasteCustomerName() {
        this.dialogData.dialogCustomerName = false
        // this.gepgraphy.regionSValue = []
        this.bp.bpNameText = ''
        this.bp.bpNameTextArr = []
      },
      confimPasteCustomerName() {
        this.dialogData.dialogCustomerName = false
        this.bp.bpNameSValues = this.bp.bpNameSValues.concat(this.bp.bpNameTextArr)
        this.bp.bpNameSValue =  `Selected quantity:${this.bp.bpNameSValues.length}`
      },
      cancelPasteNielsenID() {
        this.dialogData.dialogNielsenId = false
        // this.gepgraphy.regionSValue = []
        this.tags.nilsonIdText = ''
        this.tags.nilsonIdTextArr = []
      },
      confimPasteNielsenID() {
        this.dialogData.dialogNielsenId = false
        this.tags.nilsonIdSValues = this.tags.nilsonIdSValues.concat(this.tags.nilsonIdTextArr)
        this.tags.nilsonIdSValue =  `Selected quantity:${this.tags.nilsonIdSValues.length}`
      },
      cancelPasteBu() {
        this.dialogData.dialogBu = false
        // this.gepgraphy.regionSValue = []
        this.product.buText = ''
        this.product.buTextArr = []
      },
      confimPasteBu() {
        this.dialogData.dialogBu = false
        this.product.buSValue = this.product.buSValue.concat(this.product.buTextArr)
      },
      cancelPasteBrand() {
        this.dialogData.dialogBrand = false
        // this.gepgraphy.regionSValue = []
        this.product.brandText = ''
        this.product.brandTextArr = []
      },
      confimPasteBrand() {
        this.dialogData.dialogBrand = false
        this.product.brandSValues = this.product.brandSValues.concat(this.product.brandTextArr)
        this.product.brandSValue =  `Selected quantity:${this.product.brandSValues.length}`
      },
      cancelPasteProductSeries() {
        this.dialogData.dialogProductSeries = false
        // this.gepgraphy.regionSValue = []
        this.product.productSeriesText = ''
        this.product.productSeriesTextArr = []
      },
      confimPasteProductSeries() {
        this.dialogData.dialogProductSeries = false
        this.product.productSeriesSValues = this.product.productSeriesSValues.concat(this.product.productSeriesTextArr)
        this.product.productSeriesSValue =  `Selected quantity:${this.product.productSeriesSValues.length}`
      },
      cancelPasteProductFamily() {
        this.dialogData.dialogProductFamily = false
        // this.gepgraphy.regionSValue = []
        this.product.productFamilyText = ''
        this.product.productFamilyTextArr = []
      },
      confimPasteProductFamily() {
        this.dialogData.dialogProductFamily = false
        this.product.productFamilySValues = this.product.productFamilySValues.concat(this.product.productFamilyTextArr)
        this.product.productFamilySValue =  `Selected quantity:${this.product.productFamilySValues.length}`
      },
      cancelPasteMaterial() {
        this.dialogData.dialogMaterial = false;
        // this.gepgraphy.regionSValue = []
        this.product.materialText = "";
        // this.product.materialTextArr = []
        this.product.materialTextArr = [];
      },
      confimPasteMaterial() {
        this.dialogData.dialogMaterial = false;
        this.product.materialSValue = this.product.materialSValue.concat(
          this.product.materialTextArr
        );
      },
      cancelPasteSn() {
        this.dialogData.dialogSn = false;
        // this.gepgraphy.regionSValue = []
        this.product.snText = "";
        this.product.snTextArr = [];
      },
      confimPasteSn() {
        this.dialogData.dialogSn = false;
        this.product.snSValue = this.product.snSValue.concat(
          this.product.snTextArr
        );
        // 去除空格处理
        this.product.snSValue = this.product.snSValue.filter(item => {
          return item !== "";
        });
      },
      cancelPasteSalesOrderNumber() {
        this.dialogData.dialogSalesOrderNumber = false
        // this.gepgraphy.regionSValue = []
        this.transaction.soText = ''
        this.transaction.soTextArr = []
      },
      confimPasteSalesOrderNumber() {
        this.dialogData.dialogSalesOrderNumber = false
        this.transaction.soSValues = this.transaction.soSValues.concat(this.transaction.soTextArr)
        this.transaction.soSValue =  `Selected quantity:${this.transaction.soSValues.length}`
      },
      cancelPasteBillingNumber() {
        this.dialogData.dialogBillingNumber = false
        // this.gepgraphy.regionSValue = []
        this.transaction.billingText = ''
        this.transaction.billingTextArr = []
      },
      confimPasteBillingNumber() {
        this.dialogData.dialogBillingNumber = false
        this.transaction.billingSValues = this.transaction.billingSValues.concat(this.transaction.billingTextArr)
        this.transaction.billingSValue =  `Selected quantity:${this.transaction.billingSValues.length}`
      },
      cancelMachineCustomerId() {
        this.dialogData.dialogMachineCustomerId = false;
        // this.gepgraphy.regionSValue = []
        this.machineCustomer.MachineCustomerIdText = "";
        this.machineCustomer.MachineCustomerIdTextArr = [];
      },
      confimMachineCustomerId() {
        this.dialogData.dialogMachineCustomerId = false;
        this.machineCustomer.IdSValue = this.machineCustomer.IdSValue.concat(
          this.machineCustomer.MachineCustomerIdTextArr
        );
        // 去除空格处理
        this.machineCustomer.IdSValue = this.machineCustomer.IdSValue.filter(item => {
          return item !== "";
        });
      },
      cancelMachineCustomerName() {
        this.dialogData.dialogMachineCustomerName = false;
        // this.gepgraphy.regionSValue = []
        this.machineCustomer.MachineCustomerNameText = "";
        this.machineCustomer.MachineCustomerNameTextArr = [];
      },
      confimMachineCustomerName() {
        this.dialogData.dialogMachineCustomerName = false;
        this.machineCustomer.GroupNameSValue = this.machineCustomer.GroupNameSValue.concat(
          this.machineCustomer.MachineCustomerNameTextArr
        );
        // 去除空格处理
        this.machineCustomer.GroupNameSValue = this.machineCustomer.GroupNameSValue.filter(item => {
          return item !== "";
        });
      },
      cancelMachinePasteSn() {
        this.dialogData.dialogMachineSn = false;
        // this.gepgraphy.regionSValue = []
        this.machineProduct.MachineSnText = "";
        this.machineProduct.MachineSnTextArr = [];
      },
      confimMachinePasteSn() {
        this.dialogData.dialogMachineSn = false;
        this.machineProduct.SNSValue = this.machineProduct.SNSValue.concat(
          this.machineProduct.MachineSnTextArr
        );
        // 去除空格处理
        this.machineProduct.SNSValue = this.machineProduct.SNSValue.filter(item => {
          return item !== "";
        });
      },
      cancelMachinePasteBrand() {
        this.dialogData.dialogMachineBrand = false;
        // this.gepgraphy.regionSValue = []
        this.machineProduct.MachineBrandText = "";
        this.machineProduct.MachineBrandTextArr = [];
      },
      confimMachinePasteBrand() {
        this.dialogData.dialogMachineBrand = false;
        this.machineProduct.BrandNameSValue = this.machineProduct.BrandNameSValue.concat(
          this.machineProduct.MachineBrandTextArr
        );
        // 去除空格处理
        this.machineProduct.BrandNameSValue = this.machineProduct.BrandNameSValue.filter(item => {
          return item !== "";
        });
      },
      cancelMachinePasteProductSeries() {
        this.dialogData.dialogMachineProductSeries = false;
        // this.gepgraphy.regionSValue = []
        this.machineProduct.MachineProductSeriesText = "";
        this.machineProduct.MachineProductSeriesTextArr = [];
      },
      confimMachinePasteProductSeries() {
        this.dialogData.dialogMachineProductSeries = false;
        this.machineProduct.SeriesNameSValue = this.machineProduct.SeriesNameSValue.concat(
          this.machineProduct.MachineProductSeriesTextArr
        );
        // 去除空格处理
        this.machineProduct.SeriesNameSValue = this.machineProduct.SeriesNameSValue.filter(item => {
          return item !== "";
        });
      },
      cancelMachinePasteMaterial() {
        this.dialogData.dialogMachineMaterial = false;
        // this.gepgraphy.regionSValue = []
        this.machineProduct.MachineMaterialText = "";
        this.machineProduct.MachineMaterialTextArr = [];
      },
      confimMachinePasteMaterial() {
        this.dialogData.dialogMachineMaterial = false;
        this.machineProduct.MaterialSValue = this.machineProduct.MaterialSValue.concat(
          this.machineProduct.MachineMaterialTextArr
        );
        // 去除空格处理
        this.machineProduct.MaterialSValue = this.machineProduct.MaterialSValue.filter(item => {
          return item !== "";
        });
      },
      cancelMachinePasteSalesOrderNumber() {
        this.dialogData.dialogMachineSalesOrderNumber = false;
        // this.gepgraphy.regionSValue = []
        this.machineTransaction.MachineSalesOrderNumberText = "";
        this.machineTransaction.MachineSalesOrderNumberTextArr = [];
      },
      confimMachinePasteSalesOrderNumber() {
        this.dialogData.dialogMachineSalesOrderNumber = false;
        this.machineTransaction.soSValue = this.machineTransaction.soSValue.concat(
          this.machineTransaction.MachineSalesOrderNumberTextArr
        );
        // 去除空格处理
        this.machineTransaction.soSValue = this.machineTransaction.soSValue.filter(item => {
          return item !== "";
        });
      },
      cancelMachinePasteBillingNumber() {
        this.dialogData.dialogMachineBillingNumber = false;
        // this.gepgraphy.regionSValue = []
        this.machineTransaction.MachineBillingNumberText = "";
        this.machineTransaction.MachineBillingNumberTextArr = [];
      },
      confimMachinePasteBillingNumber() {
        this.dialogData.dialogMachineBillingNumber = false;
        this.machineTransaction.billingSValue = this.machineTransaction.billingSValue.concat(
          this.machineTransaction.MachineBillingNumberTextArr
        );
        // 去除空格处理
        this.machineTransaction.billingSValue = this.machineTransaction.billingSValue.filter(item => {
          return item !== "";
        });
      },
      // 解决输入框前后空格输入问题
      cancelSpace(arr) {
        return arr.map(item => item.trim())
      },
      jump(index) {
        console.log('点击的' + index)
        this.showCardTag = index // 展示的卡片;也用于判断高亮的标签
        // 高亮的标签
        // switch (index) {
        //   case 1:
        //     console.log('第一个')
        //     this.transactionTag1 = true
        //     this.transactionTag2 = false
        //     this.transactionTag3 = false
        //     this.transactionTag4 = false
        //     this.transactionTag5 = false
        //     this.transactionTag6 = false
        //     break
        //   case 2:
        //     console.log('第二个')
        //     this.transactionTag1 = false
        //     this.transactionTag2 = true
        //     this.transactionTag3 = false
        //     this.transactionTag4 = false
        //     this.transactionTag5 = false
        //     this.transactionTag6 = false
        //     break
        //   case 3:
        //     console.log('第三个')
        //     this.transactionTag1 = false
        //     this.transactionTag2 = false
        //     this.transactionTag3 = true
        //     this.transactionTag4 = false
        //     this.transactionTag5 = false
        //     this.transactionTag6 = false
        //     break
        //   case 4:
        //     console.log('第四个')
        //     this.transactionTag1 = false
        //     this.transactionTag2 = false
        //     this.transactionTag3 = false
        //     this.transactionTag4 = true
        //     this.transactionTag5 = false
        //     this.transactionTag6 = false
        //     break
        //   case 5:
        //     console.log('第五个')
        //     this.transactionTag1 = false
        //     this.transactionTag2 = false
        //     this.transactionTag3 = false
        //     this.transactionTag4 = false
        //     this.transactionTag5 = true
        //     this.transactionTag6 = false
        //     break
        //   case 6:
        //     console.log('第六个')
        //     this.transactionTag1 = false
        //     this.transactionTag2 = false
        //     this.transactionTag3 = false
        //     this.transactionTag4 = false
        //     this.transactionTag5 = false
        //     this.transactionTag6 = true
        //     break
        // }
      },
      // nextSteps() {
      //   this.showCardTag++
      // },
      // backSteps() {
      //   this.showCardTag--
      // },
      showCard() {
        this.num += 1
        if (this.num < 2) {
          this.selectActiveNames = `${this.num}`
        }
      },
      initCard() {
        this.selectActiveNames = '1'
      },
      check(value) {
        console.log(value)
      },
      getWeekNumber(d) {
        // Copy date so don't modify original
        d = new Date(Date.UTC(d.getFullYear(), d.getMonth(), d.getDate()));
        // Set to nearest Thursday: current date + 4 - current day number
        // Make Sunday's day number 7
        d.setUTCDate(d.getUTCDate() + 4 - (d.getUTCDay() || 1));
        // Get first day of year
        var yearStart = new Date(Date.UTC(d.getUTCFullYear(), 0, 1));
        // Calculate full weeks to nearest Thursday
        var weekNo = Math.ceil((((d - yearStart) / 86400000) + 1) / 7);
        if (weekNo < 10) {
          weekNo = '0' + weekNo
        }
        // Return array of year and week number
        return [d.getUTCFullYear(), weekNo];
      },
      getTime(value) {
        console.log('哈哈')
        var result = this.getWeekNumber(value)
        console.log(result)
        this.billingValue = result.join('')
//        this.weekDate = result.join('')
        console.log('哈哈之后')
        console.log(this.billingValue)
//        console.log(result)
//        console.log('年' + result[0] + '周' + result[1])
      },
      getTime1(value) {
        if(value !==null){
          var result = this.getWeekNumber(value)
          this.billingBetween1 = result.join('')
        }else {
          this.billingBetween1=value
        }
        this.billingChange1(this.billingBetween1)
      },
      getTime2(value) {
          if(value!==null){
            var result = this.getWeekNumber(value)
            this.billingBetween2 = result.join('');
          }else {
            this.billingBetween2=value
          }
        this.billingChange2(this.billingBetween2)
      },
      getTimeDelivery(value) {
        var result = this.getWeekNumber(value)
        this.time.deliveryValue = result.join('')
      },
      getTime3(value) {
          if(value!==null){
            var result = this.getWeekNumber(value)
            this.time.deliveryBetween1 = result.join('');
          }else {
            this.time.deliveryBetween1=value;
          }
        this.deliveryGiChange1(this.time.deliveryBetween1);
      },
      getTime4(value) {
        if(value!==null){
          var result = this.getWeekNumber(value)
          this.time.deliveryBetween2 = result.join('');
        }else {
          this.time.deliveryBetween2=value;
        }
        this.deliveryGiChange2(this.time.deliveryBetween2);
      },
      getTimeSo(value) {
        var result = this.getWeekNumber(value)
        this.soValue = result.join('')
      },
      getTime5(value) {
        if(value!==null){
          var result = this.getWeekNumber(value)
          this.soBetween1 = result.join('');
        }else {
          this.soBetween1=value;
        }
        this.salesOrderCreateChange1(this.soBetween1)
      },
      getTime6(value) {
        if(value!==null){
          var result = this.getWeekNumber(value)
          this.soBetween2 = result.join('');
        }else {
          this.soBetween2=value;
        }
        this.salesOrderCreateChange2(this.soBetween2)
      },
      getTimeService(value) {
        var result = this.getWeekNumber(value)
        this.serviceValue = result.join('')
      },
      getTime7(value) {
        if(value!==null){
          var result = this.getWeekNumber(value)
          this.serviceBetween1 = result.join('');
        }else {
          this.serviceBetween1=value;
        }
        this.createChange1(this.serviceBetween1)
      },
      getTime8(value) {
        if(value!==null){
          var result = this.getWeekNumber(value)
          this.serviceBetween2 = result.join('');
        }else {
          this.serviceBetween2=value;
        }
        this.createChange2(this.serviceBetween2)
      },
      filterSearch() {
        if (
          (this.billingBetween1 === "" &&
          this.billingBetween2 === "" &&
          this.time.deliveryBetween1 === "" &&
          this.time.deliveryBetween2 === "" &&
          this.soBetween1 === "" &&
          this.soBetween2 === "" &&
          this.serviceBetween1 === "" &&
          this.serviceBetween2 === "") ||
          (this.billingBetween1 !== "" &&
          this.billingBetween2 !== "" &&
          this.time.deliveryBetween1 !== "" &&
          this.time.deliveryBetween2 !== "" &&
          this.soBetween1 !== "" &&
          this.soBetween2 !== "" &&
          this.serviceBetween1 !== "" &&
          this.serviceBetween2 !== "") ||
          (this.billingBetween1 !== "" &&
          this.billingBetween2 !== "" &&
          this.time.deliveryBetween1 === "" &&
          this.time.deliveryBetween2 === "" &&
          this.soBetween1 === "" &&
          this.soBetween2 === "" &&
          this.serviceBetween1 === "" &&
          this.serviceBetween2 === "") ||
          (this.billingBetween1 === "" &&
          this.billingBetween2 === "" &&
          this.time.deliveryBetween1 !== "" &&
          this.time.deliveryBetween2 !== "" &&
          this.soBetween1 === "" &&
          this.soBetween2 === "" &&
          this.serviceBetween1 === "" &&
          this.serviceBetween2 === "") ||
          (this.billingBetween1 === "" &&
          this.billingBetween2 === "" &&
          this.time.deliveryBetween1 === "" &&
          this.time.deliveryBetween2 === "" &&
          this.soBetween1 !== "" &&
          this.soBetween2 !== "" &&
          this.serviceBetween1 === "" &&
          this.serviceBetween2 === "") ||
          (this.billingBetween1 === "" &&
          this.billingBetween2 === "" &&
          this.time.deliveryBetween1 === "" &&
          this.time.deliveryBetween2 === "" &&
          this.soBetween1 === "" &&
          this.soBetween2 === "" &&
          this.serviceBetween1 !== "" &&
          this.serviceBetween2 !== "") ||
          (this.billingBetween1 !== "" &&
          this.billingBetween2 !== "" &&
          this.time.deliveryBetween1 !== "" &&
          this.time.deliveryBetween2 !== "" &&
          this.soBetween1 === "" &&
          this.soBetween2 === "" &&
          this.serviceBetween1 === "" &&
          this.serviceBetween2 === "") ||
          (this.billingBetween1 !== "" &&
          this.billingBetween2 !== "" &&
          this.time.deliveryBetween1 === "" &&
          this.time.deliveryBetween2 === "" &&
          this.soBetween1 !== "" &&
          this.soBetween2 !== "" &&
          this.serviceBetween1 === "" &&
          this.serviceBetween2 === "") ||
          (this.billingBetween1 !== "" &&
          this.billingBetween2 !== "" &&
          this.time.deliveryBetween1 === "" &&
          this.time.deliveryBetween2 === "" &&
          this.soBetween1 === "" &&
          this.soBetween2 === "" &&
          this.serviceBetween1 !== "" &&
          this.serviceBetween2 !== "") ||
          (this.billingBetween1 !== "" &&
          this.billingBetween2 !== "" &&
          this.time.deliveryBetween1 !== "" &&
          this.time.deliveryBetween2 !== "" &&
          this.soBetween1 !== "" &&
          this.soBetween2 !== "" &&
          this.serviceBetween1 === "" &&
          this.serviceBetween2 === "") ||
          (this.billingBetween1 !== "" &&
          this.billingBetween2 !== "" &&
          this.time.deliveryBetween1 !== "" &&
          this.time.deliveryBetween2 !== "" &&
          this.soBetween1 === "" &&
          this.soBetween2 === "" &&
          this.serviceBetween1 !== "" &&
          this.serviceBetween2 !== "") ||
          (this.billingBetween1 === "" &&
          this.billingBetween2 === "" &&
          this.time.deliveryBetween1 !== "" &&
          this.time.deliveryBetween2 !== "" &&
          this.soBetween1 !== "" &&
          this.soBetween2 !== "" &&
          this.serviceBetween1 !== "" &&
          this.serviceBetween2 !== "")
        ) {
          this.searchLoading = true;
          const _this = this;
          if (this.chart.value === "transaction") {
            var params = {
              tablename: 'transaction',
              username: getUsername(),
              authority_geo: {
                opt: this.gepgraphy.geoValue,
                // value: this.gepgraphy.geoSValue
                value: this.cancelSpace(this.gepgraphy.geoSValue)
              },
              sell_in_region: {
                opt: this.gepgraphy.regionValue,
                // value: this.gepgraphy.regionSValue
                value: this.cancelSpace(this.gepgraphy.regionSValue)
              },
              sell_in_country: {
                opt: this.gepgraphy.countryValue,
                value: this.cancelSpace(this.gepgraphy.countrySValue)
              },
              sold_to: {
                value: this.bp.bpIdSValues,
                // opt: this.bp.bpIdValue,
                // value: this.cancelSpace(this.bp.bpIdSValue)
              },
              sold_to_name: {
                value: this.bp.bpNameSValues,
                // opt: this.bp.bpNameValue,
                // value: this.cancelSpace(this.bp.bpNameSValue)
              },
              sold_to_group: {
                value: this.bp.groupSValues,
                // opt: this.bp.groupValue,
                // value: this.cancelSpace(this.bp.groupSValue)
              },
              industry: {
                opt: this.tags.industryValue,
                value: this.cancelSpace(this.tags.industrySValue)
              },
              nielsen_id: {
                value: this.tags.nilsonIdSValues,
                // opt: this.tags.nilsonIdValue,
                // value: this.cancelSpace(this.tags.nilsonIdSValue)
              },
              loyalty: {
                opt: this.tags.loyaltyValue,
                value: this.cancelSpace(this.tags.loyaltySValue)
              },
              gross_profit_scale: {
                opt: this.tags.scaleValue,
                value: this.cancelSpace(this.tags.scaleSValue)
              },
              cross_buy: {
                opt: this.tags.crossBuyValue,
                value: this.cancelSpace(this.tags.crossBuySValue)
              },
              prod_biz_group: {
                opt: this.product.bgValue,
                value: this.cancelSpace(this.product.bgSValue)
              },
              prod_final_bu: {
                opt: this.product.buValue,
                value: this.cancelSpace(this.product.buSValue)
              },
              prod_brand: {
                value: this.product.brandSValues,
                // opt: this.product.brandValue,
                // value: this.cancelSpace(this.product.brandSValue)
              },
              prod_series: {
                value: this.product.productSeriesSValues,
                // opt: this.product.productSeriesValue,
                // value: this.cancelSpace(this.product.productSeriesSValue)
              },
              prod_family: {
                value: this.product.productFamilySValues,
                // opt: this.product.productFamilyValue,
                // value: this.cancelSpace(this.product.productFamilySValue)
              },
              prod_material: {
                opt: this.product.materialValue,
                // value: this.product.materialSValue
                value: this.cancelSpace(this.product.materialSValue)
              },
              prod_sn: {
                opt: this.product.snValue,
                value: this.cancelSpace(this.product.snSValue)
              },
              ebr_segment: {
                opt: this.transaction.segmentValue,
                value: this.cancelSpace(this.transaction.segmentSValue)
              },
              sales_order_num: {
                value: this.transaction.soSValues,
                // opt: this.transaction.soValue,
                // value: this.cancelSpace(this.transaction.soSValue)
              },
              billing_num: {
                value: this.transaction.billingSValues,
                // opt: this.transaction.billingValue,
                // value: this.cancelSpace(this.transaction.billingSValue)
              },
              // sell_in_qty: {
              //   opt: this.transaction.caValue,
              //   value: this.cancelSpace(this.transaction.caSValue)
              // },
              // gross_profit: {
              //   opt: this.transaction.gpValue,
              //   value: this.cancelSpace(this.transaction.gpSValue)
              // },
              // gross_profit_percent: {
              //   opt: this.transaction.gp2Value,
              //   value: this.cancelSpace(this.transaction.gp2SValue)
              // },
              // sdrev: {
              //   opt: this.transaction.revenueValue,
              //   value: this.cancelSpace(this.transaction.revenueSValue)
              // },
              page: 1,
              pageSize: 10,
              billing_date: {
                opt: this.time.billingbillingValue,
                tips: this.time.selectedOptions[1],
                // value: [this.billingValue]
                value: [this.billingBetween1, this.billingBetween2]
              },
              delivery_gi_date: {
                opt: this.time.deliveryDateValue,
                tips: this.time.selectedOptionsDelivery[1],
                // value: [this.time.deliveryValue]
                value: [this.time.deliveryBetween1, this.time.deliveryBetween2]
              },
              sales_order_create_date: {
                opt: this.time.soValue,
                tips: this.time.selectedOptionsSo[1],
                // value: [this.soValue]
                value: [this.soBetween1, this.soBetween2]
              }
            };
            console.log(params, 1111111111);
            // 默认日期3个条件都不是between（不选也包括）情况下的params
            // if (this.time.billingbillingValue === 'between' && this.time.deliveryDateValue === 'between' && this.time.soValue === 'between') {
            //   params.billing_date = {
            //     opt: this.time.billingbillingValue,
            //     tips: this.time.selectedOptions[1],
            //     value: [this.billingBetween1, this.billingBetween2]
            //   }
            //   params.delivery_gi_date = {
            //     opt: this.time.deliveryDateValue,
            //     tips: this.time.selectedOptionsDelivery[1],
            //     value: [this.time.deliveryBetween1, this.time.deliveryBetween2]
            //   }
            //   params.sales_order_create_date = {
            //     opt: this.time.soValue,
            //     tips: this.time.selectedOptionsSo[1],
            //     value: [this.soBetween1, this.soBetween2]
            //   }
            // }
            // if (this.time.billingbillingValue !== 'between' && this.time.deliveryDateValue === 'between' && this.time.soValue === 'between') {
            //   params.billing_date = {
            //     opt: this.time.billingbillingValue,
            //     tips: this.time.selectedOptions[1],
            //     value: [this.billingValue]
            //   }
            //   params.delivery_gi_date = {
            //     opt: this.time.deliveryDateValue,
            //     tips: this.time.selectedOptionsDelivery[1],
            //     value: [this.time.deliveryBetween1, this.time.deliveryBetween2]
            //   }
            //   params.sales_order_create_date = {
            //     opt: this.time.soValue,
            //     tips: this.time.selectedOptionsSo[1],
            //     value: [this.soBetween1, this.soBetween2]
            //   }
            // }
            // if (this.time.billingbillingValue !== 'between' && this.time.deliveryDateValue !== 'between' && this.time.soValue === 'between') {
            //   params.billing_date = {
            //     opt: this.time.billingbillingValue,
            //     tips: this.time.selectedOptions[1],
            //     value: [this.billingValue]
            //   }
            //   params.delivery_gi_date = {
            //     opt: this.time.deliveryDateValue,
            //     tips: this.time.selectedOptionsDelivery[1],
            //     value: [this.time.deliveryValue]
            //   }
            //   params.sales_order_create_date = {
            //     opt: this.time.soValue,
            //     tips: this.time.selectedOptionsSo[1],
            //     value: [this.soBetween1, this.soBetween2]
            //   }
            // }
            // if (this.time.billingbillingValue === 'between' && this.time.deliveryDateValue !== 'between' && this.time.soValue === 'between') {
            //   params.billing_date = {
            //     opt: this.time.billingbillingValue,
            //     tips: this.time.selectedOptions[1],
            //     value: [this.billingBetween1, this.billingBetween2]
            //   }
            //   params.delivery_gi_date = {
            //     opt: this.time.deliveryDateValue,
            //     tips: this.time.selectedOptionsDelivery[1],
            //     value: [this.time.deliveryValue]
            //   }
            //   params.sales_order_create_date = {
            //     opt: this.time.soValue,
            //     tips: this.time.selectedOptionsSo[1],
            //     value: [this.soBetween1, this.soBetween2]
            //   }
            // }
            // if (this.time.billingbillingValue === 'between' && this.time.deliveryDateValue !== 'between' && this.time.soValue !== 'between') {
            //   params.billing_date = {
            //     opt: this.time.billingbillingValue,
            //     tips: this.time.selectedOptions[1],
            //     value: [this.billingBetween1, this.billingBetween2]
            //   }
            //   params.delivery_gi_date = {
            //     opt: this.time.deliveryDateValue,
            //     tips: this.time.selectedOptionsDelivery[1],
            //     value: [this.time.deliveryValue]
            //   }
            //   params.sales_order_create_date = {
            //     opt: this.time.soValue,
            //     tips: this.time.selectedOptionsSo[1],
            //     value: [this.soValue]
            //   }
            // }
            // if (this.time.billingbillingValue === 'between' && this.time.deliveryDateValue === 'between' && this.time.soValue !== 'between') {
            //   params.billing_date = {
            //     opt: this.time.billingbillingValue,
            //     tips: this.time.selectedOptions[1],
            //     value: [this.billingBetween1, this.billingBetween2]
            //   }
            //   params.delivery_gi_date = {
            //     opt: this.time.deliveryDateValue,
            //     tips: this.time.selectedOptionsDelivery[1],
            //     value: [this.time.deliveryBetween1, this.time.deliveryBetween2]
            //   }
            //   params.sales_order_create_date = {
            //     opt: this.time.soValue,
            //     tips: this.time.selectedOptionsSo[1],
            //     value: [this.soValue]
            //   }
            // }
            // if (this.time.billingbillingValue !== 'between' && this.time.deliveryDateValue === 'between' && this.time.soValue !== 'between') {
            //   params.billing_date = {
            //     opt: this.time.billingbillingValue,
            //     tips: this.time.selectedOptions[1],
            //     value: [this.billingValue]
            //   }
            //   params.delivery_gi_date = {
            //     opt: this.time.deliveryDateValue,
            //     tips: this.time.selectedOptionsDelivery[1],
            //     value: [this.time.deliveryBetween1, this.time.deliveryBetween2]
            //   }
            //   params.sales_order_create_date = {
            //     opt: this.time.soValue,
            //     tips: this.time.selectedOptionsSo[1],
            //     value: [this.soValue]
            //   }
            // }
            // 数据采集行为（注视方便修改）
            Avatar.push([
              "track",
              [
                "category",
                "loginSuccess",
                "label",
                {
                  url: getUrl(),
                  userName: getUsername(),
                  parentName: getPageName(),
                  childName: params
                },
                0
              ]
            ]);

            //          if (this.time.billingbillingValue !== 'between' && this.time.deliveryDateValue !== 'between' && this.time.soValue !== 'between') {}
            //          this.axios.post('http://10.122.22.176:9090/filtersearch/filterSearch.do', params).then(response => {
            this.axios
              .post("/filtersearch/filterSearch.do", params)
              .then(response => {
                _this.searchLoading = false;
                if (response.data.status === 200) {
                  const resData = response.data.data;
                  if (resData.data.toString() === "") {
                    _this.dialogVisible = true;
                    _this.searchLoading = false;
                  } else {
                    var str = JSON.stringify(params);
                    setFilterParams(str);
                    //                _this.$router.push({ path: '/filterResult', query: { params: params }})
                    _this.$router.push({ path: "./filterResult" });
                  }
                } else {
                  alert(this.$t("filter.requireFalse"));
                  this.searchLoading = false;
                }
              })
              .catch(error => {
                console.log(error);
                alert(this.$t("filter.requireFalse"));
                this.searchLoading = false;
              });
            //          this.http.post('http://10.120.193.104:5001/api/stock/stock_news/600028', {
            //            token: 'zhuyue3_OEJFQzE1QTJFMkE3NEQzOEI0QzE3MDYyMUJBQTlDQTk6emh1eXVlMywxNTE0ODU0OTY5MzczY29tLmNvbS5tYWRw'
            //          }).then(res => {
            //            console.log('试一试')
            //            console.log(res)
            //          }).catch(error => {
            //            console.log(error)
            //          })
          }
          else if (this.chart.value === "service") {
            var params = {
              tablename: 'service',
              username: getUsername(),
              authority_geo: {
                opt: this.gepgraphy.geoValue,
                // value: this.gepgraphy.geoSValue
                value: this.cancelSpace(this.gepgraphy.geoSValue)
              },
              sell_in_region: {
                opt: this.gepgraphy.regionValue,
                // value: this.gepgraphy.regionSValue
                value: this.cancelSpace(this.gepgraphy.regionSValue)
              },
              sell_in_country: {
                opt: this.gepgraphy.countryValue,
                value: this.cancelSpace(this.gepgraphy.countrySValue)
              },
              sold_to: {
                value: this.bp.bpIdSValues,
                // opt: this.bp.bpIdValue,
                // value: this.cancelSpace(this.bp.bpIdSValue)
              },
              sold_to_name: {
                value: this.bp.bpNameSValues,
                // opt: this.bp.bpNameValue,
                // value: this.cancelSpace(this.bp.bpNameSValue)
              },
              sold_to_group: {
                value: this.bp.groupSValues,
                // opt: this.bp.groupValue,
                // value: this.cancelSpace(this.bp.groupSValue)
              },
              industry: {
                opt: this.tags.industryValue,
                value: this.cancelSpace(this.tags.industrySValue)
              },
              nielsen_id: {
                value: this.tags.nilsonIdSValues,
                // opt: this.tags.nilsonIdValue,
                // value: this.cancelSpace(this.tags.nilsonIdSValue)
              },
              loyalty: {
                opt: this.tags.loyaltyValue,
                value: this.cancelSpace(this.tags.loyaltySValue)
              },
              gross_profit_scale: {
                opt: this.tags.scaleValue,
                value: this.cancelSpace(this.tags.scaleSValue)
              },
              cross_buy: {
                opt: this.tags.crossBuyValue,
                value: this.cancelSpace(this.tags.crossBuySValue)
              },
              prod_biz_group: {
                opt: this.product.bgValue,
                value: this.cancelSpace(this.product.bgSValue)
              },
              prod_final_bu: {
                opt: this.product.buValue,
                value: this.cancelSpace(this.product.buSValue)
              },
              prod_brand: {
                value: this.product.brandSValues,
                // opt: this.product.brandValue,
                // value: this.cancelSpace(this.product.brandSValue)
              },
              prod_series: {
                value: this.product.productSeriesSValues,
                // opt: this.product.productSeriesValue,
                // value: this.cancelSpace(this.product.productSeriesSValue)
              },
              prod_family: {
                value: this.product.productFamilySValues,
                // opt: this.product.productFamilyValue,
                // value: this.cancelSpace(this.product.productFamilySValue)
              },
              prod_material: {
                opt: this.product.materialValue,
                // value: this.product.materialSValue
                value: this.cancelSpace(this.product.materialSValue)
              },
              prod_sn: {
                opt: this.product.snValue,
                value: this.cancelSpace(this.product.snSValue)
              },
              ebr_segment: {
                opt: this.transaction.segmentValue,
                value: this.cancelSpace(this.transaction.segmentSValue)
              },
              sales_order_num: {
                value: this.transaction.soSValues,
                // opt: this.transaction.soValue,
                // value: this.cancelSpace(this.transaction.soSValue)
              },
              billing_num: {
                value: this.transaction.billingSValues,
                // opt: this.transaction.billingValue,
                // value: this.cancelSpace(this.transaction.billingSValue)
              },
              // sell_in_qty: {
              //   opt: this.transaction.caValue,
              //   value: this.cancelSpace(this.transaction.caSValue)
              // },
              // gross_profit: {
              //   opt: this.transaction.gpValue,
              //   value: this.cancelSpace(this.transaction.gpSValue)
              // },
              // gross_profit_percent: {
              //   opt: this.transaction.gp2Value,
              //   value: this.cancelSpace(this.transaction.gp2SValue)
              // },
              // sdrev: {
              //   opt: this.transaction.revenueValue,
              //   value: this.cancelSpace(this.transaction.revenueSValue)
              // },
              page: 1,
              pageSize: 10,
              createtime: {
                      opt: this.time.serviceBillingValue,
                     tips: this.time.selectedOptionsService[1],
                     value: [this.serviceBetween1, this.serviceBetween2]
              },
            };
            this.axios
              .post("/filtersearch/filterSearch.do", params)
              .then(response => {
                _this.fullscreenLoading = false;
                if (response.data.status === 200) {
                  const resData = response.data.data;
                  console.log("这是Service条件下的数据");
                  console.log(resData);
                  //              if (resData.data.toString() === '') {
                  //                _this.dialogVisible = true
                  //              } else {
                  //                _this.$router.push({ path: '/filterResult', query: { params: params }})
                  //              }
                  if (resData.data.toString() === "") {
                    _this.dialogVisible = true;
                    _this.searchLoading = false;
                  } else {
                    var str = JSON.stringify(params);
                    setFilterParams(str);
                    //                _this.$router.push({ path: '/filterResult', query: { params: params }})
                    _this.$router.push({ path: "./filterResultServices" });
                  }
                } else {
                  alert(this.$t("filter.requireFalse"));
                  this.searchLoading = false;
                }
              })
              .catch(error => {
                console.log(error);
                alert(this.$t("filter.requireFalse"));
                this.searchLoading = false;
              });
          }
          else if (this.chart.value === "cbd") {
            var params = {
              pageSize: 1,
              page: 1,
              username: getUsername(),
              tablename: 'cbi_bp_cbd',
              trade_name: _this.industry.tradeNameSValue,
              industry_name: _this.industry.industryNameSValue,
              main_industry: _this.industry.mainIndustrySValue,
              sub_industry_lv1: _this.industry.subIndustrySValue,
              sub_industry_lv2: _this.industry.subIndustrySValue2,
              region: _this.area.regionSValue,
              manager_district: _this.area.managerDistrictSValue,
              province: _this.area.provinceSValue,
              county: _this.area.countrySValue
            };
            this.axios
              .post("/filtersearch/customerTagSearch", params)
              .then(response => {
                _this.fullscreenLoading = false;
                if (response.data.status === 200) {
                  const resData = response.data.data;
                  console.log("这是cbd条件下的数据");
                  //              if (resData.data.toString() === '') {
                  //                _this.dialogVisible = true
                  //              } else {
                  //                _this.$router.push({ path: '/filterResult', query: { params: params }})
                  //              }
                  if (resData.data.toString() === "") {
                    _this.dialogVisible = true;
                    _this.searchLoading = false;
                  } else {
                    var str = JSON.stringify(params);
                    setFilterParams(str);
                    //                _this.$router.push({ path: '/filterResult', query: { params: params }})
                    _this.$router.push({
                      path: "./filterResultCBD"
                    });
                  }
                } else {
                  alert(this.$t("filter.requireFalse"));
                  this.searchLoading = false;
                  //
                }
              })
              .catch(error => {
                console.log(error);
                alert(this.$t("filter.requireFalse"));
                this.searchLoading = false;
              });
          }
          else if (this.chart.value === "dm_machine") {
            if((this.MachineBuildDateBetween1 === "" &&
              this.MachineBuildDateBetween2 === "" &&
              this.MachineShipDateBetween1 === "" &&
              this.MachineShipDateBetween2 === "" &&
              this.MachineRegisterDateBetween1 === "" &&
              this.MachineRegisterDateBetween2 === "" &&
              this.MachineEndServiceDateBetween1 === "" &&
              this.MachineEndServiceDateBetween2 === "" &&
              this.BillingDateBetween1 === "" &&
              this.BillingDateBetween2 === "") ||
              (this.MachineBuildDateBetween1 !== "" &&
              this.MachineBuildDateBetween2 !== "" &&
              this.MachineShipDateBetween1 !== "" &&
              this.MachineShipDateBetween2 !== "" &&
              this.MachineRegisterDateBetween1 !== "" &&
              this.MachineRegisterDateBetween2 !== "" &&
              this.MachineEndServiceDateBetween1 !== "" &&
              this.MachineEndServiceDateBetween2 !== "" &&
              this.BillingDateBetween1 !== "" &&
              this.BillingDateBetween2 !== "") ||
              (this.MachineBuildDateBetween1 !== "" &&
              this.MachineBuildDateBetween2 !== "" &&
              this.MachineShipDateBetween1 === "" &&
              this.MachineShipDateBetween2 === "" &&
              this.MachineRegisterDateBetween1 === "" &&
              this.MachineRegisterDateBetween2 === "" &&
              this.MachineEndServiceDateBetween1 === "" &&
              this.MachineEndServiceDateBetween2 === "" &&
              this.BillingDateBetween1 === "" &&
              this.BillingDateBetween2 === "") ||
              (this.MachineBuildDateBetween1 === "" &&
              this.MachineBuildDateBetween2 === "" &&
              this.MachineShipDateBetween1 !== "" &&
              this.MachineShipDateBetween2 !== "" &&
              this.MachineRegisterDateBetween1 === "" &&
              this.MachineRegisterDateBetween2 === "" &&
              this.MachineEndServiceDateBetween1 === "" &&
              this.MachineEndServiceDateBetween2 === "" &&
              this.BillingDateBetween1 === "" &&
              this.BillingDateBetween2 === "") ||
              (this.MachineBuildDateBetween1 === "" &&
              this.MachineBuildDateBetween2 === "" &&
              this.MachineShipDateBetween1 === "" &&
              this.MachineShipDateBetween2 === "" &&
              this.MachineRegisterDateBetween1 !== "" &&
              this.MachineRegisterDateBetween2 !== "" &&
              this.MachineEndServiceDateBetween1 === "" &&
              this.MachineEndServiceDateBetween2 === "" &&
              this.BillingDateBetween1 === "" &&
              this.BillingDateBetween2 === "") ||
              (this.MachineBuildDateBetween1 === "" &&
              this.MachineBuildDateBetween2 === "" &&
              this.MachineShipDateBetween1 === "" &&
              this.MachineShipDateBetween2 === "" &&
              this.MachineRegisterDateBetween1 === "" &&
              this.MachineRegisterDateBetween2 === "" &&
              this.MachineEndServiceDateBetween1 !== "" &&
              this.MachineEndServiceDateBetween2 !== "" &&
              this.BillingDateBetween1 === "" &&
              this.BillingDateBetween2 === "") ||
              (this.MachineBuildDateBetween1 === "" &&
              this.MachineBuildDateBetween2 === "" &&
              this.MachineShipDateBetween1 === "" &&
              this.MachineShipDateBetween2 === "" &&
              this.MachineRegisterDateBetween1 === "" &&
              this.MachineRegisterDateBetween2 === "" &&
              this.MachineEndServiceDateBetween1 === "" &&
              this.MachineEndServiceDateBetween2 === "" &&
              this.BillingDateBetween1 !== "" &&
              this.BillingDateBetween2 !== "")||
              (this.MachineBuildDateBetween1 !== "" &&
              this.MachineBuildDateBetween2 !== "" &&
              this.MachineShipDateBetween1 !== "" &&
              this.MachineShipDateBetween2 !== "" &&
              this.MachineRegisterDateBetween1 === "" &&
              this.MachineRegisterDateBetween2 === "" &&
              this.MachineEndServiceDateBetween1 === "" &&
              this.MachineEndServiceDateBetween2 === "" &&
              this.BillingDateBetween1 === "" &&
              this.BillingDateBetween2 === "")||
              (this.MachineBuildDateBetween1 !== "" &&
              this.MachineBuildDateBetween2 !== "" &&
              this.MachineShipDateBetween1 === "" &&
              this.MachineShipDateBetween2 === "" &&
              this.MachineRegisterDateBetween1 !== "" &&
              this.MachineRegisterDateBetween2 !== "" &&
              this.MachineEndServiceDateBetween1 === "" &&
              this.MachineEndServiceDateBetween2 === "" &&
              this.BillingDateBetween1 === "" &&
              this.BillingDateBetween2 === "")||
              (this.MachineBuildDateBetween1 !== "" &&
              this.MachineBuildDateBetween2 !== "" &&
              this.MachineShipDateBetween1 === "" &&
              this.MachineShipDateBetween2 === "" &&
              this.MachineRegisterDateBetween1 === "" &&
              this.MachineRegisterDateBetween2 === "" &&
              this.MachineEndServiceDateBetween1 !== "" &&
              this.MachineEndServiceDateBetween2 !== "" &&
              this.BillingDateBetween1 === "" &&
              this.BillingDateBetween2 === "")||
              (this.MachineBuildDateBetween1 !== "" &&
              this.MachineBuildDateBetween2 !== "" &&
              this.MachineShipDateBetween1 === "" &&
              this.MachineShipDateBetween2 === "" &&
              this.MachineRegisterDateBetween1 === "" &&
              this.MachineRegisterDateBetween2 === "" &&
              this.MachineEndServiceDateBetween1 === "" &&
              this.MachineEndServiceDateBetween2 === "" &&
              this.BillingDateBetween1 !== "" &&
              this.BillingDateBetween2 !== "")||
              (this.MachineBuildDateBetween1 === "" &&
              this.MachineBuildDateBetween2 === "" &&
              this.MachineShipDateBetween1 !== "" &&
              this.MachineShipDateBetween2 !== "" &&
              this.MachineRegisterDateBetween1 !== "" &&
              this.MachineRegisterDateBetween2 !== "" &&
              this.MachineEndServiceDateBetween1 === "" &&
              this.MachineEndServiceDateBetween2 === "" &&
              this.BillingDateBetween1 === "" &&
              this.BillingDateBetween2 === "") ||
              (this.MachineBuildDateBetween1 === "" &&
              this.MachineBuildDateBetween2 === "" &&
              this.MachineShipDateBetween1 !== "" &&
              this.MachineShipDateBetween2 !== "" &&
              this.MachineRegisterDateBetween1 === "" &&
              this.MachineRegisterDateBetween2 === "" &&
              this.MachineEndServiceDateBetween1 !== "" &&
              this.MachineEndServiceDateBetween2 !== "" &&
              this.BillingDateBetween1 === "" &&
              this.BillingDateBetween2 === "")||
              (this.MachineBuildDateBetween1 === "" &&
              this.MachineBuildDateBetween2 === "" &&
              this.MachineShipDateBetween1 !== "" &&
              this.MachineShipDateBetween2 !== "" &&
              this.MachineRegisterDateBetween1 === "" &&
              this.MachineRegisterDateBetween2 === "" &&
              this.MachineEndServiceDateBetween1 === "" &&
              this.MachineEndServiceDateBetween2 === "" &&
              this.BillingDateBetween1 !== "" &&
              this.BillingDateBetween2 !== "")||
              (this.MachineBuildDateBetween1 === "" &&
              this.MachineBuildDateBetween2 === "" &&
              this.MachineShipDateBetween1 === "" &&
              this.MachineShipDateBetween2 === "" &&
              this.MachineRegisterDateBetween1 !== "" &&
              this.MachineRegisterDateBetween2 !== "" &&
              this.MachineEndServiceDateBetween1 !== "" &&
              this.MachineEndServiceDateBetween2 !== "" &&
              this.BillingDateBetween1 === "" &&
              this.BillingDateBetween2 === "")||
              (this.MachineBuildDateBetween1 === "" &&
              this.MachineBuildDateBetween2 === "" &&
              this.MachineShipDateBetween1 === "" &&
              this.MachineShipDateBetween2 === "" &&
              this.MachineRegisterDateBetween1 !== "" &&
              this.MachineRegisterDateBetween2 !== "" &&
              this.MachineEndServiceDateBetween1 === "" &&
              this.MachineEndServiceDateBetween2 === "" &&
              this.BillingDateBetween1 !== "" &&
              this.BillingDateBetween2 !== "")||
              (this.MachineBuildDateBetween1 === "" &&
              this.MachineBuildDateBetween2 === "" &&
              this.MachineShipDateBetween1 === "" &&
              this.MachineShipDateBetween2 === "" &&
              this.MachineRegisterDateBetween1 === "" &&
              this.MachineRegisterDateBetween2 === "" &&
              this.MachineEndServiceDateBetween1 !== "" &&
              this.MachineEndServiceDateBetween2 !== "" &&
              this.BillingDateBetween1 !== "" &&
              this.BillingDateBetween2 !== "")||
              (this.MachineBuildDateBetween1 !== "" &&
              this.MachineBuildDateBetween2 !== "" &&
              this.MachineShipDateBetween1 !== "" &&
              this.MachineShipDateBetween2 !== "" &&
              this.MachineRegisterDateBetween1 !== "" &&
              this.MachineRegisterDateBetween2 !== "" &&
              this.MachineEndServiceDateBetween1 === "" &&
              this.MachineEndServiceDateBetween2 === "" &&
              this.BillingDateBetween1 === "" &&
              this.BillingDateBetween2 === "")||
              (this.MachineBuildDateBetween1 === "" &&
              this.MachineBuildDateBetween2 === "" &&
              this.MachineShipDateBetween1 !== "" &&
              this.MachineShipDateBetween2 !== "" &&
              this.MachineRegisterDateBetween1 !== "" &&
              this.MachineRegisterDateBetween2 !== "" &&
              this.MachineEndServiceDateBetween1 !== "" &&
              this.MachineEndServiceDateBetween2 !== "" &&
              this.BillingDateBetween1 === "" &&
              this.BillingDateBetween2 === "")||
              (this.MachineBuildDateBetween1 === "" &&
              this.MachineBuildDateBetween2 === "" &&
              this.MachineShipDateBetween1 === "" &&
              this.MachineShipDateBetween2 === "" &&
              this.MachineRegisterDateBetween1 !== "" &&
              this.MachineRegisterDateBetween2 !== "" &&
              this.MachineEndServiceDateBetween1 !== "" &&
              this.MachineEndServiceDateBetween2 !== "" &&
              this.BillingDateBetween1 !== "" &&
              this.BillingDateBetween2 !== "")||
              (this.MachineBuildDateBetween1 !== "" &&
              this.MachineBuildDateBetween2 !== "" &&
              this.MachineShipDateBetween1 !== "" &&
              this.MachineShipDateBetween2 !== "" &&
              this.MachineRegisterDateBetween1 !== "" &&
              this.MachineRegisterDateBetween2 !== "" &&
              this.MachineEndServiceDateBetween1 !== "" &&
              this.MachineEndServiceDateBetween2 !== "" &&
              this.BillingDateBetween1 === "" &&
              this.BillingDateBetween2 === "")||
              (this.MachineBuildDateBetween1 === "" &&
              this.MachineBuildDateBetween2 === "" &&
              this.MachineShipDateBetween1 !== "" &&
              this.MachineShipDateBetween2 !== "" &&
              this.MachineRegisterDateBetween1 !== "" &&
              this.MachineRegisterDateBetween2 !== "" &&
              this.MachineEndServiceDateBetween1 !== "" &&
              this.MachineEndServiceDateBetween2 !== "" &&
              this.BillingDateBetween1 !== "" &&
              this.BillingDateBetween2 !== "")||
              (this.MachineBuildDateBetween1 !== "" &&
              this.MachineBuildDateBetween2 !== "" &&
              this.MachineShipDateBetween1 === "" &&
              this.MachineShipDateBetween2 === "" &&
              this.MachineRegisterDateBetween1 !== "" &&
              this.MachineRegisterDateBetween2 !== "" &&
              this.MachineEndServiceDateBetween1 !== "" &&
              this.MachineEndServiceDateBetween2 !== "" &&
              this.BillingDateBetween1 !== "" &&
              this.BillingDateBetween2 !== "")||
              (this.MachineBuildDateBetween1 !== "" &&
              this.MachineBuildDateBetween2 !== "" &&
              this.MachineShipDateBetween1 !== "" &&
              this.MachineShipDateBetween2 !== "" &&
              this.MachineRegisterDateBetween1 === "" &&
              this.MachineRegisterDateBetween2 === "" &&
              this.MachineEndServiceDateBetween1 !== "" &&
              this.MachineEndServiceDateBetween2 !== "" &&
              this.BillingDateBetween1 !== "" &&
              this.BillingDateBetween2 !== "")||
              (this.MachineBuildDateBetween1 !== "" &&
              this.MachineBuildDateBetween2 !== "" &&
              this.MachineShipDateBetween1 !== "" &&
              this.MachineShipDateBetween2 !== "" &&
              this.MachineRegisterDateBetween1 !== "" &&
              this.MachineRegisterDateBetween2 !== "" &&
              this.MachineEndServiceDateBetween1 === "" &&
              this.MachineEndServiceDateBetween2 === "" &&
              this.BillingDateBetween1 !== "" &&
              this.BillingDateBetween2 !== "")||
              (this.MachineBuildDateBetween1 === "" &&
              this.MachineBuildDateBetween2 === "" &&
              this.MachineShipDateBetween1 !== "" &&
              this.MachineShipDateBetween2 !== "" &&
              this.MachineRegisterDateBetween1 === "" &&
              this.MachineRegisterDateBetween2 === "" &&
              this.MachineEndServiceDateBetween1 !== "" &&
              this.MachineEndServiceDateBetween2 !== "" &&
              this.BillingDateBetween1 !== "" &&
              this.BillingDateBetween2 !== "")||
              (this.MachineBuildDateBetween1 === "" &&
              this.MachineBuildDateBetween2 === "" &&
              this.MachineShipDateBetween1 !== "" &&
              this.MachineShipDateBetween2 !== "" &&
              this.MachineRegisterDateBetween1 !== "" &&
              this.MachineRegisterDateBetween2 !== "" &&
              this.MachineEndServiceDateBetween1 === "" &&
              this.MachineEndServiceDateBetween2 === "" &&
              this.BillingDateBetween1 !== "" &&
              this.BillingDateBetween2 !== "")||
              (this.MachineBuildDateBetween1 === "" &&
              this.MachineBuildDateBetween2 === "" &&
              this.MachineShipDateBetween1 === "" &&
              this.MachineShipDateBetween2 === "" &&
              this.MachineRegisterDateBetween1 !== "" &&
              this.MachineRegisterDateBetween2 !== "" &&
              this.MachineEndServiceDateBetween1 === "" &&
              this.MachineEndServiceDateBetween2 === "" &&
              this.BillingDateBetween1 !== "" &&
              this.BillingDateBetween2 !== "")
            ){
              var params = {
                tablename: 'dm_machine',
                username: getUsername(),
                ship_to_country: {
                  value: this.cancelSpace(this.geography.MachineShipToCountrySValue)
                },
                sales_geography:{
                  value: this.cancelSpace(this.geography.SalesGeographySValue)
                },
                customer_account_country:{
                  value: this.cancelSpace(this.geography.MachineCustomerAccountCountrySValue)
                },
                customer_account_region:{
                  value: this.cancelSpace(this.geography.MachineCustomerAccountRegionSValue)
                },
                customer_account_city:{
                  value: this.cancelSpace(this.geography.MachineCustomerAccountCitySValue)
                },
                customer_id:{
                  value: this.cancelSpace(this.machineCustomer.IdSValue)
                },
                customer_group_name:{
                  value: this.cancelSpace(this.machineCustomer.GroupNameSValue)
                },
                customer_account_name:{
                  value: this.cancelSpace(this.machineCustomer.AccountNameSValue)
                },
                //12.3machine表新加的BG后端字段未确定
                prod_biz_group: {
                  value: this.cancelSpace(this.machineProduct.bgSValue)
                },
                prod_sn:{
                  value: this.cancelSpace(this.machineProduct.SNSValue)
                },
                prod_material:{
                  value: this.cancelSpace(this.machineProduct.MaterialSValue)
                },
                prod_group_name:{
                  value: this.cancelSpace(this.machineProduct.GroupNameSValue)
                },
                prod_brand_name:{
                  value: this.cancelSpace(this.machineProduct.BrandNameSValue)
                },
                prod_series_name:{
                  value: this.cancelSpace(this.machineProduct.SeriesNameSValue)
                },
                prod_subser_name:{
                  value: this.cancelSpace(this.machineProduct.SubsetNameSValue)
                },
                sales_order_num:{
                  value: this.cancelSpace(this.machineTransaction.soSValue)
                },
                billing_num:{
                  value: this.cancelSpace(this.machineTransaction.billingSValue)
                },
                page: 1,
                pageSize: 100,
                prod_build_date: {
                  value: [this.MachineBuildDateBetween1, this.MachineBuildDateBetween2]
                },
                prod_ship_date: {
                  value: [this.MachineShipDateBetween1, this.MachineShipDateBetween2]
                },
                prod_register_date: {
                  value: [this.MachineRegisterDateBetween1, this.MachineRegisterDateBetween2]
                },
                prod_eos_date: {
                  value: [this.MachineEndServiceDateBetween1, this.MachineEndServiceDateBetween2]
                },
                billing_date: {
                  value: [this.BillingDateBetween1, this.BillingDateBetween2]
                },
              };
              this.axios
                .post("/filtersearch/dmMachineSearch", params)
                .then(response => {
                  _this.searchLoading = false;
                  if (response.data.status === 200) {
                    const resData = response.data.data;
                    console.log(resData);
                    if (resData.data.toString() === "") {
                      _this.dialogVisible = true;
                      _this.searchLoading = false;
                    } else {
                      var str = JSON.stringify(params);
                      setFilterParams(str);
                      //                _this.$router.push({ path: '/filterResult', query: { params: params }})
                      _this.$router.push({ path: "./filterResultMachine" });
                    }
                  } else {
                    alert(this.$t("filter.requireFalse"));
                    this.searchLoading = false;
                  }
                })
                .catch(error => {
                  console.log(error);
                  alert(this.$t("filter.requireFalse"));
                  this.searchLoading = false;
                });
            }else {
              alert(this.$t("filter.timeAlertTips"));
            }
          }
        }else {
          alert(this.$t("filter.timeAlertTips"));
        }
      },
      pasteRegion() {
        this.dialogData.dialogRegion = true;
        this.gepgraphy.regionText = ''
        //
        // this.gepgraphy.regionSValue = []
        // this.gepgraphy.pasteRegion = !this.gepgraphy.pasteRegion
      },
      pasteCountry() {
        this.dialogData.dialogCountry = true
        this.gepgraphy.countryText = ''
//        this.gepgraphy.countryTextArr = []
//         this.gepgraphy.countrySValue = []
//         this.gepgraphy.pasteCountry = !this.gepgraphy.pasteCountry
      },
      pasteBpId() {
        this.dialogData.dialogCustomerId = true
        this.bp.bpIdText = ''
        // this.bp.bpIdSValue = []
        this.bp.pasteBpId = !this.bp.pasteBpId
        console.log(this.bp.bpIdText)
        console.log(this.bp.bpIdSValue)
      },
      pasteBpName() {
        this.dialogData.dialogCustomerName = true
        this.bp.bpNameText = ''
//        this.bp.bpNameTextArr = []
//         this.bp.bpNameSValue = []
        this.bp.pasteBpName = !this.bp.pasteBpName
      },
      pasteNilsonId() {
        this.dialogData.dialogNielsenId = true
        this.tags.nilsonIdText = ''
//        this.tags.nilsonIdTextArr = []
//         this.tags.nilsonIdSValue = []
        this.tags.pasteNilsonId = !this.tags.pasteNilsonId
      },
      pasteBu() {
        this.dialogData.dialogBu = true
        this.product.buText = ''
//        this.product.buTextArr = []
//         this.product.buSValue = []
        this.product.pasteBu = !this.product.pasteBu
      },
      pasteBrand() {
        this.dialogData.dialogBrand = true
        this.product.brandText = ''
//        this.product.brandTextArr = []
//         this.product.brandSValue = []
        this.product.pasteBrand = !this.product.pasteBrand
      },
      pasteProductSeries() {
        this.dialogData.dialogProductSeries = true
        this.product.productSeriesText = ''
//        this.product.productSeriesTextArr = []
//         this.product.productSeriesSValue = []
        this.product.pasteProductSeries = !this.product.pasteProductSeries
      },
      pasteProductFamily() {
        this.dialogData.dialogProductFamily = true
        this.product.productFamilyText = ''
//        this.product.productFamilyTextArr = []
//         this.product.productFamilySValue = []
        this.product.pasteProductFamily = !this.product.pasteProductFamily
      },
      pasteMaterial() {
        this.dialogData.dialogMaterial = true
        this.product.materialText = ''
//        this.product.materialTextArr = []
//         this.product.materialSValue = []
        this.product.pasteMaterial = !this.product.pasteMaterial
      },
      pasteSn() {
        this.dialogData.dialogSn = true
        this.product.snText = ''
//        this.product.snTextArr = []
//         this.product.snSValue = []
        this.product.pasteSn = !this.product.pasteSn
      },
      pasteSo() {
        this.dialogData.dialogSalesOrderNumber = true
        this.transaction.soText = ''
//        this.transaction.soTextArr = []
//         this.transaction.soSValue = []
        this.transaction.pasteSo = !this.transaction.pasteSo
      },
      pasteBilling() {
        this.dialogData.dialogBillingNumber = true
        this.transaction.billingText = ''
//        this.transaction.billingTextArr = []
//         this.transaction.billingSValue = []
        this.transaction.pasteBilling = !this.transaction.pasteBilling
      },
      pasteMachineCustomerId() {
        this.dialogData.dialogMachineCustomerId = true
        this.machineCustomer.MachineCustomerIdText = ''
      },
      pasteMachineCustomerName() {
        this.dialogData.dialogMachineCustomerName = true
        this.machineCustomer.MachineCustomerNameText = ''
      },
      pasteMachineSn() {
        this.dialogData.dialogMachineSn = true
        this.machineProduct.MachineSnText = ''
      },
      pasteMachineBrand() {
        this.dialogData.dialogMachineBrand = true
        this.machineProduct.MachineBrandText = ''
      },
      pasteMachineProductSeries() {
        this.dialogData.dialogMachineProductSeries = true
        this.machineProduct.MachineProductSeriesText = ''
      },
      pasteMachineMaterial() {
        this.dialogData.dialogMachineMaterial = true
        this.machineProduct.MachineProductMaterialText = ''
      },
      pasteMachineSalesOrderNumber() {
        this.dialogData.dialogMachineSalesOrderNumber = true
        this.machineTransaction.MachineSalesOrderNumberText = ''
      },
      pasteMachineBillingNumber() {
        this.dialogData.dialogMachineBillingNumber = true
        this.machineTransaction.MachineBillingNumberText = ''
      },

      removeItem(index) {
        console.log(index)
        console.log(this.gepgraphy.geoValues.splice(index, 1))
        console.log(this.gepgraphy.geoValues)
        this.addItems.splice(index, 1)
//        this.gepgraphy.geoValues.splice(index, 1)
      },
      addItem() {
//        this.gepgraphy.num += 1
//        console.log('点击添加'+ this.gepgraphy.num)
//        // item1可以是空数组；
//        let item1 = [
//          {
//            value: '=',
//            label: '='
//          },
//          {
//            value: '≠',
//            label: '≠'
//          },
//        ]
//        this.addItems.push(item1)
//        let item2 = {value1: '', value2: ''}
//        this.gepgraphy.geoValues.push(item2) // [{value1: '=', value2: ['哈哈']},{}]
      },
      handleChange(activeNames) {
        console.log(activeNames)
      },
      clearGeography() {
        this.clearGeo()
        this.clearRegion()
        this.clearCountry()
      },
      clearBp() {
        this.clearGroup()
        this.clearBpId()
        this.clearBpName()
      },
      clearTags() {
        this.clearIndustry()
        this.clearNielsonId()
        this.clearLoyalty()
        this.clearScale()
        this.clearCrossBuy()
      },
      clearProduct() {
        this.clearBg()
        this.clearBu()
        this.clearBrand()
        this.clearProductSeries()
        this.clearProductFamily()
        this.clearMaterial()
        this.clearSn()
      },
      clearTransaction() {
        this.clearSegment()
        this.clearSo()
        this.clearBilling()
        this.clearCa()
        this.clearGp()
        this.clearGp2()
        this.clearRevenue()
      },
      clearTime() {
        this.clearBillingDate()
        this.cleardeliveryValue()
        this.clearSoDate()
        this.clearServiceDate()
      },
      clearTime2() {
        this.clearMachineBuildDate()
        this.clearMachineShipDate()
        this.clearMachineRegisterDate()
        this.clearMachineEndServiceDate()
        this.clearBillingDate2()
      },
      clearAllData() {
//        this.gepgraphy.geoValue = ''
//        this.gepgraphy.geoSValue = []met
//
//        this.gepgraphy.regionValue = ''
//        this.gepgraphy.regionText = ''
//        this.gepgraphy.regionSValue = []
//
//        this.gepgraphy.countryValue = ''
//        this.gepgraphy.countryText = ''
//        this.gepgraphy.countrySValue = []
        this.clearGeo();
        this.clearRegion();
        this.clearCountry();
        this.clearBg();
        this.clearMachineGeography();
        this.clearMachineCustomer();
        this.clearMachineProduct();
        this.clearMachineTransaction();

        this.bp.groupSValue = ''
        this.bp.groupSValues = []

        this.bp.bpIdSValue = ''
        this.bp.bpIdText = ''
        this.bp.bpIdSValues = []

        this.bp.bpNameSValue = ''
        this.bp.bpNameText = ''
        this.bp.bpNameSValues = []

        this.tags.industryValue = ''
        this.tags.industrySValue = []

        // this.tags.nilsonIdValue = ''
        this.tags.nilsonIdText = ''
        this.tags.nilsonIdSValue = ''
        this.tags.nilsonIdSValues = []

        this.tags.loyaltyValue = ''
        this.tags.loyaltySValue = []

        this.tags.scaleValue = ''
        this.tags.scaleSValue = []

        this.tags.crossBuyValue = ''
        this.tags.crossBuySValue = []

        this.product.bgValue = ''
        this.product.bgSValue = []

        this.product.buValue = ''
        this.product.buText = ''
        this.product.buSValue = []

        this.product.brandSValue = ''
        this.product.brandText = ''
        this.product.brandSValues = []

        this.product.productSeriesSValue = ''
        this.product.productSeriesText = ''
        this.product.productSeriesSValues = []

        this.product.productFamilySValue = ''
        this.product.productFamilyText = ''
        this.product.productFamilySValues = []

        this.product.materialValue = ''
        this.product.materialText = ''
        this.product.materialSValue = []

        this.product.snValue = ''
        this.product.snText = ''
        this.product.snSValue = []

        this.transaction.segmentValue = ''
        this.transaction.segmentSValue = []

        this.transaction.soSValue = ''
        this.product.soText = ''
        this.transaction.soSValue = ''
        this.transaction.soSValues = []

        this.transaction.billingSValue = ''
        this.product.billingText = ''
        this.transaction.billingSValue = ''
        this.transaction.billingSValues = []

        this.transaction.caValue = ''
        this.transaction.caSValue = []

        this.transaction.gpValue = ''
        this.transaction.gpSValue = []

        this.transaction.gp2Value = ''
        this.transaction.gp2SValue = []

        this.transaction.revenueValue = ''
        this.transaction.revenueSValue = []

        this.time.billingbillingValue = ''
        this.billingValue = ''
        this.time.selectedOptions = []

        this.time.deliveryDateValue = ''
        this.time.deliveryValue = ''
        this.time.selectedOptionsDelivery = []

        this.time.soValue = ''
        this.soValue = ''
        this.time.selectedOptionsSo = []

//        this.time.serviceBillingValue = ''
        this.serviceValue = ''
        this.serviceBetween1 = ''
        this.serviceBetween2 = ''
        this.time.selectedOptionsService = []
      },
      switchAfter() {
        // this.gepgraphy.geoValue = ''
        this.gepgraphy.geoSValue = [];

        // this.gepgraphy.regionValue = ''
        this.gepgraphy.regionText = "";
        this.gepgraphy.regionSValue = [];

        // this.gepgraphy.countryValue = ''
        this.gepgraphy.countryText = "";
        this.gepgraphy.countrySValue = [];

        // this.bp.groupValue = ''
        this.bp.groupSValues = [];
        this.bp.groupSValue = '';

        // this.bp.bpIdValue = ''
        this.bp.bpIdText = "";
        this.bp.bpIdSValues = [];
        this.bp.bpIdSValue = '';

        // this.bp.bpNameValue = ''
        this.bp.bpNameText = "";
        this.bp.bpNameSValues = [];
        this.bp.bpNameSValue = '';

        // this.tags.industryValue = ''
        this.tags.industrySValue = [];

        // this.tags.nilsonIdValue = ''
        this.tags.nilsonIdText = "";
        this.tags.nilsonIdSValues = [];
        this.tags.nilsonIdSValue = '';

        // this.tags.loyaltyValue = ''
        this.tags.loyaltySValue = [];

        // this.tags.scaleValue = ''
        this.tags.scaleSValue = [];

        // this.tags.crossBuyValue = ''
        this.tags.crossBuySValue = [];

        // this.product.bgValue = ''
        this.product.bgSValue = [];

        // this.product.buValue = ''
        this.product.buText = "";
        this.product.buSValue = [];

        // this.product.brandValue = ''
        this.product.brandText = "";
        this.product.brandSValues = [];
        this.product.brandSValue = '';

        // this.product.productSeriesValue = ''
        this.product.productSeriesText = "";
        this.product.productSeriesSValues = [];
        this.product.productSeriesSValue = '';

        // this.product.productFamilyValue = ''
        this.product.productFamilyText = "";
        this.product.productFamilySValues = [];
        this.product.productFamilySValue = '';

        // this.product.materialValue = ''
        this.product.materialText = "";
        this.product.materialSValue = [];

        // this.product.snValue = ''
        this.product.snText = "";
        this.product.snSValue = [];

        // this.transaction.segmentValue = ''
        this.transaction.segmentSValue = [];

        // this.transaction.soValue = ''
        this.product.soText = "";
        this.transaction.soSValues = [];
        this.transaction.soSValue = '';

        // this.transaction.billingValue = ''
        this.product.billingText = "";
        this.transaction.billingSValues = [];
        this.transaction.billingSValue = '';

        // this.transaction.caValue = ''
        this.transaction.caSValue = [];

        // this.transaction.gpValue = ''
        this.transaction.gpSValue = [];

        // this.transaction.gp2Value = ''
        this.transaction.gp2SValue = [];

        // this.transaction.revenueValue = ''
        this.transaction.revenueSValue = [];

        // this.time.billingbillingValue = ''
        this.billingValue = "";
        this.time.selectedOptions = [];

        // this.time.deliveryDateValue = ''
        this.time.deliveryValue = "";
        this.time.selectedOptionsDelivery = [];

        // this.time.soValue = ''
        this.soValue = "";
        this.time.selectedOptionsSo = [];

        // this.time.serviceBillingValue = ''
        this.serviceValue = "";
        this.serviceBetween1 = "";
        this.serviceBetween2 = "";
        this.time.selectedOptionsService = [];

        this.industry.tradeNameSValue = [];
        this.industry.industryNameSValue = [];
        this.industry.mainIndustrySValue = [];
        this.industry.subIndustrySValue = [];

        this.area.regionSValue = [];
        this.area.managerDistrictSValue = [];
        this.area.provinceSValue = [];
        this.area.countySValue = [];

//        this.geography.MachineShipToCountrySValue=[],
//        this.geography.SalesGeographySValue=[],
//        this.geography.MachineCustomerAccountCountrySValue=[],
//        this.geography.MachineCustomerAccountRegionSValue=[],
//        this.geography.MachineCustomerAccountCitySValue=[],
//        this.machineCustomer.IdSValue=[],
//        this.machineCustomer.GroupNameSValue=[],
//        this.machineCustomer.AccountNameSValue=[],
//        this.machineProduct.SNSValue=[],
//        this.machineProduct.MaterialSValue=[],
//        this.machineProduct.GroupNameSValue=[],
//        this.machineProduct.BrandNameSValue=[],
//        this.machineProduct.SeriesNameSValue=[],
//        this.machineProduct.SubsetNameSValue=[],
//        this.machineTransaction.soSValue=[],
//        this.machineTransaction.billingSValue=[]
        this.clearMachineGeography();
        this.clearMachineCustomer();
        this.clearMachineProduct();
        this.clearMachineTransaction();
      },
      clearValue(index) {
        this.gepgraphy.geoValues[index].value1 = ''
        this.gepgraphy.geoValues[index].value2 = ''
//        this.chart.value = ''
//        console.log(this.$refs.TestIntroduction.value)
//        this.gepgraphy.geoValues = [{value1: '', value2: ''}]
//        this.gepgraphy.geoValue = ''
      },
      clearGeo() {
        this.gepgraphy.geoValue = ''
        this.gepgraphy.geoSValue = []
        this.geoChange()
      },
      clearRegion() {
        this.gepgraphy.regionValue = ''
        this.gepgraphy.regionText = ''
        this.gepgraphy.regionSValue = []
//        this.loadCountry()考虑到已选了GEO的条件下取值问题
        this.geoChange()
      },
      clearCountry() {
        this.gepgraphy.countryValue = ''
        this.gepgraphy.countryText = ''
        this.gepgraphy.countrySValue = []
      },
      clearGroup() {
        this.bp.groupValue = ''
        this.bp.groupSValues = []
        this.bp.groupSValue = ''
      },
      clearGroup1() {
        this.bp.groupSValue = ''
      },
      clearBpId() {
        // this.bp.bpIdValue = ''
        this.bp.bpIdText = ''
        this.bp.bpIdSValues = []
        this.bp.bpIdSValue = ''
      },
      clearBpId1() {
        this.bp.bpIdSValue = ''
      },
      clearBpName() {
        // this.bp.bpNameValue = ''
        this.bp.bpNameText = ''
        this.bp.bpNameSValues = []
        this.bp.bpNameSValue = ''
      },
      clearBpName1() {
        this.bp.bpNameSValue = ''
      },
      clearIndustry() {
        this.tags.industryValue = ''
        this.tags.industrySValue = []
      },
      clearNielsonId() {
        // this.tags.nilsonIdValue = ''
        this.tags.nilsonIdText = ''
        this.tags.nilsonIdSValues = []
        this.tags.nilsonIdSValue = ''
      },
      clearNielsonId1() {
        this.tags.nilsonIdSValue = ''
      },
      clearLoyalty() {
        this.tags.loyaltyValue = ''
        this.tags.loyaltySValue = []
      },
      clearScale() {
        this.tags.scaleValue = ''
        this.tags.scaleSValue = []
      },
      clearCrossBuy() {
        this.tags.crossBuyValue = ''
        this.tags.crossBuySValue = []
      },
      clearBg() {
        this.product.bgValue = ''
        this.product.bgSValue = []
        this.loadBu()
      },
      clearBu() {
        this.product.buValue = ''
        this.product.buText = ''
        this.product.buSValue = []
      },
      clearBrand() {
        // this.product.brandValue = ''
        this.product.brandText = ''
        this.product.brandSValues = []
        this.product.brandSValue = ''
      },
      clearBrand1() {
        this.product.brandSValue = ''
      },
      clearProductSeries() {
        // this.product.productSeriesValue = ''
        this.product.productSeriesText = ''
        this.product.productSeriesSValues = []
        this.product.productSeriesSValue = ''
      },
      clearProductSeries1() {
        this.product.productSeriesSValue = ''
      },
      clearProductFamily() {
        // this.product.productFamilyValue = ''
        this.product.productFamilyText = ''
        this.product.productFamilySValues = []
        this.product.productFamilySValue = ''
      },
      clearProductFamily1() {
        this.product.productFamilySValue = ''
      },
      clearMaterial() {
        // this.product.materialValue = ''
        this.product.materialText = ''
        this.product.materialSValue = []
        // this.product.materialSValue = ''
      },
      clearMaterial1() {
        this.product.materialSValue = ''
      },
      clearSn() {
        // this.product.snValue = ''
        this.product.snText = ''
        this.product.snSValue = []
        // this.product.snSValue = ''
      },
      clearSn1() {
        this.product.snSValue = ''
      },
      clearSegment() {
        this.transaction.segmentValue = ''
        this.transaction.segmentSValue = []
      },
      clearSo() {
        // this.transaction.soValue = ''
        this.product.soText = ''
        this.transaction.soSValues = []
        this.transaction.soSValue = ''
      },
      clearSo1() {
        this.transaction.soSValue = ''
      },
      clearBilling() {
        // this.transaction.billingValue = ''
        this.product.billingText = ''
        this.transaction.billingSValues = []
        this.transaction.billingSValue = ''
      },
      clearBilling1() {
        this.transaction.billingSValue = ''
      },
      clearCa() {
        this.transaction.caValue = ''
        this.transaction.caSValue = []
      },
      clearGp() {
        this.transaction.gpValue = ''
        this.transaction.gpSValue = []
      },
      clearGp2() {
        this.transaction.gp2Value = ''
        this.transaction.gp2SValue = []
      },
      clearRevenue() {
        this.transaction.revenueValue = ''
        this.transaction.revenueSValue = []
      },
      clearBillingDate() {
        this.billingValue = ''
        this.time.selectedOptions = []
        this.newBillingBetween1='';
        this.newBillingBetween2='';
//       周
        this.value3 = ''
        this.value4 = ''
        this.value5 = ''
        this.showYear = true
        this.showBetweenDate = false
        this.showBetweenMonth = false
        this.showBetweenQuarter = false
        this.showBetweenYear = false
        this.showBetweenWeek = false
        this.showMonth = false
        this.showQuarter = false
        this.showWeek = false
        this.showDate = false
      },
      cleardeliveryValue() {
        this.time.deliveryValue = ''
        this.time.selectedOptionsDelivery = [];
        this.time.newDeliveryBetween1='';
        this.time.newDeliveryBetween2='';
        //       周
        this.deliveryWeekValue = ''
        this.deliveryWeekValues1 = ''
        this.deliveryWeekValues2 = ''
        this.time.deliveryShowYear = true
        this.time.deliveryShowBetweenDate = false
        this.time.deliveryShowBetweenMonth = false
        this.time.deliveryShowBetweenQuarter = false
        this.time.deliveryShowBetweenWeek = false
        this.time.deliveryShowBetweenYear = false
        this.time.deliveryShowMonth = false
        this.time.deliveryShowQuarter = false
        this.time.deliveryShowWeek = false
        this.time.deliveryShowDate = false
      },
      clearSoDate() {
        this.soValue = ''
        this.time.selectedOptionsSo = [];
        this.newSoBetween1='';
        this.newSoBetween2='';
        //       周
        this.soWeekValue = ''
        this.soWeekValues1 = ''
        this.soWeekValues2 = ''
        this.soshowYear = true
        this.soshowBetweenDate = false
        this.soshowBetweenMonth = false
        this.soshowBetweenQuarter = false
        this.soshowBetweenWeek = false
        this.soshowBetweenYear = false
        this.soshowMonth = false
        this.soshowQuarter = false
        this.soshowWeek = false
        this.soshowDate = false
      },
      clearServiceDate() {
        this.serviceValue = ''
        this.serviceBetween1 = ''
        this.serviceBetween2 = ''
        this.time.selectedOptionsService = [];
        this.newServiceBetween1='';
        this.newServiceBetween2='';
        //       周
        this.serviceWeekValue = ''
        this.serviceWeekValues1 = ''
        this.serviceWeekValues2 = ''
        this.time.serviceShowYear = true
        this.time.serviceShowBetweenDate = false
        this.time.serviceShowBetweenMonth = false
        this.time.serviceShowBetweenQuarter = false
        this.time.serviceShowBetweenWeek = false
        this.time.serviceShowBetweenYear = false
        this.time.serviceShowMonth = false
        this.time.serviceShowQuarter = false
        this.time.serviceShowWeek = false
        this.time.serviceShowDate = false
      },
      clearMachineBuildDate(){
        this.MachineBuildDateBetween1='';
        this.MachineBuildDateBetween2='';
      },
      clearMachineShipDate(){
        this.MachineShipDateBetween1='';
        this.MachineShipDateBetween2='';
      },
      clearMachineRegisterDate(){
        this.MachineRegisterDateBetween1='';
        this.MachineRegisterDateBetween2='';
      },
      clearMachineEndServiceDate(){
        this.MachineEndServiceDateBetween1='';
        this.MachineEndServiceDateBetween2='';
      },
      clearBillingDate2(){
        this.BillingDateBetween1='';
        this.BillingDateBetween2='';
      },
      clearTradeName() {
        this.industry.tradeNameSValue = [];
        this.loadAllIndustry();
      },
      clearIndustryName() {
        this.industry.industryNameSValue = [];
      },
      clearMainIndustry() {
        this.industry.mainIndustrySValue = [];
        this.loadAllIndustry();
      },
      clearSubIndustry() {
        this.industry.subIndustrySValue = [];
      },
      clearSubIndustry2(){
        this.industry.subIndustrySValue2 = [];
      },
      clearIndustry2() {
        this.clearTradeName();
        this.clearIndustryName();
        this.clearMainIndustry();
        this.clearSubIndustry();
        this.clearSubIndustry2();
      },
      clearAreaRegion() {
        this.area.regionSValue = [];
        this.loadAllArea();
      },
      clearAreaManagerDistrict() {
        this.area.managerDistrictSValue = [];
        this.loadAllArea();
      },
      clearAreaProvince() {
        this.area.provinceSValue = [];
        this.loadAllArea();
      },
      clearAreaCounty() {
        this.area.countySValue = [];
      },
      clearArea2() {
        this.clearAreaRegion();
        this.clearAreaManagerDistrict();
        this.clearAreaProvince();
        this.clearAreaCounty();
      },
      clearShipToCountry() {
        this.geography.MachineShipToCountrySValue = [];
      },
      clearSalesGeography() {
        this.geography.SalesGeographySValue = [];
      },
      clearAccountCountry() {
        this.geography.MachineCustomerAccountCountrySValue = [];
      },
      clearAccountRegion() {
        this.geography.MachineCustomerAccountRegionSValue = [];
      },
      clearAccountCity() {
        this.geography.MachineCustomerAccountCitySValue = [];
      },
      clearMachineGeography() {
        this.clearShipToCountry();
        this.clearSalesGeography();
        this.clearAccountCountry();
        this.clearAccountRegion();
        this.clearAccountCity()
      },
      clearId() {
        this.machineCustomer.IdSValue = [];
      },
      clearGroupName() {
        this.machineCustomer.GroupNameSValue = [];
      },
      clearAccountName() {
        this.machineCustomer.AccountNameSValue = [];
      },
      clearMachineCustomer() {
        this.clearId();
        this.clearGroupName();
        this.clearAccountName();
      },
      clearMachineBg(){
        this.machineProduct.bgSValue = []
      },
      clearMachineSN() {
        this.machineProduct.SNSValue = [];
      },
      clearMachineMaterial() {
        this.machineProduct.MaterialSValue = [];
      },
      clearMachineGroupName() {
        this.machineProduct.GroupNameSValue = [];
      },
      clearMachineBrandName() {
        this.machineProduct.BrandNameSValue = [];
      },
      clearMachineSeriesName() {
        this.machineProduct.SeriesNameSValue = [];
      },
      clearMachineSubsetName() {
        this.machineProduct.SubsetNameSValue = [];
      },
      clearMachineProduct() {
          this.clearMachineBg();
        this.clearMachineSN();
        this.clearMachineMaterial();
        this.clearMachineGroupName();
        this.clearMachineBrandName();
        this.clearMachineSeriesName();
        this.clearMachineSubsetName()
      },
      clearMachineSo() {
        this.machineTransaction.soSValue = [];
      },
      clearMachineBilling() {
        this.machineTransaction.billingSValue = [];
      },
      clearMachineTransaction() {
        this.clearMachineSo();
        this.clearMachineBilling()
      },
      switchTable(val) {
        if (val !== "cbd") {
          this.activeName = "Time";
          // 写setTimeout 是为了解决已选条件展示和接口函数顺序执行，再执行异步操作引起的卡顿问题;且执行时间要不小于500最好
          setTimeout(() => {
            this.loadGeo();
            this.loadRegion();
            this.loadCountry();
            this.loadIndustry();
            this.loadLoyalty();
            this.loadScale();
            this.loadCrossBuy();
            this.loadSegment();
          }, 1000);
        } else {
          this.activeName1 = "Industry";
        }
//        this.clearAllData() clearAllData内部有回掉函数，会造成卡顿
        this.switchAfter()
        // 写setTimeout 是为了解决已选条件展示和接口函数顺序执行，再执行异步操作引起的卡顿问题;且执行时间要不小于500最好

        // 都初始化显示为日期年
//          this.time.selectedOptions= ["Fiscal Year", "billing_year_fis"];
//          this.time.selectedOptionsService= [ "Fiscal Year", "create_year_fis" ];
//          this.time.selectedOptionsDelivery= [ "Fiscal Year", "delivery_gi_year_fis" ];
//          this.time.selectedOptionsSo= [ "Fiscal Year", "sales_order_create_year_fis" ];
        this.time.serviceShowYear = true
        this.time.serviceShowBetweenDate = false
        this.time.serviceShowBetweenMonth = false
        this.time.serviceShowBetweenQuarter = false
        this.time.serviceShowBetweenWeek = false
        this.time.serviceShowBetweenYear = false
        this.time.serviceShowMonth = false
        this.time.serviceShowQuarter = false
        this.time.serviceShowWeek = false
        this.time.serviceShowDate = false
        this.soshowYear = true
        this.soshowBetweenDate = false
        this.soshowBetweenMonth = false
        this.soshowBetweenQuarter = false
        this.soshowBetweenWeek = false
        this.soshowBetweenYear = false
        this.soshowMonth = false
        this.sohowQuarter = false
        this.soshowWeek = false
        this.soshowDate = false
        this.time.deliveryShowYear = true
        this.time.deliveryShowBetweenDate = false
        this.time.deliveryShowBetweenQuarter = false
        this.time.deliveryShowBetweenMonth = false
        this.time.deliveryShowBetweenWeek = false
        this.time.deliveryShowBetweenYear = false
        this.time.deliveryShowMonth = false
        this.time.deliveryShowQuarter = false
        this.time.deliveryShowWeek = false
        this.time.deliveryShowDate = false
        this.showYear = true
        this.showBetweenDate = false
        this.showBetweenMonth = false
        this.showBetweenQuarter = false
        this.showBetweenYear = false
        this.showBetweenWeek = false
        this.showMonth = false
        this.showQuarter = false
        this.showWeek = false
        this.showDate = false
        // 表单控件清空数据  hehe
        this.clearAllData()
      },
      // 接口
      loadBg() {
        const _this = this
        this.axios.post('/filtersearch/userAuthForBg.do', {
          username: getUsername()
        }).then(response => {
          if (response.data.status === 200) {
            let resData = response.data.data
//            _this.gepgraphy.geoSelect = resData.geo.map(item => {
//              return {value: item, label: item}
//            })
//            _this.gepgraphy.regionSelect = resData.region.map(item => {
//              return {value: item, label: item}
//            })
//            _this.gepgraphy.countrySelect = resData.country.map(item => {
//              return {value: item, label: item}
//            })
            _this.product.bgSelect = resData.bg.map(item => {
              return {value: item, label: item}
            });
            _this.machineProduct.bgSelect = resData.bg.map(item => {
              return {value: item, label: item}
            })
          }
        })
      },
      loadBu() {
        const _this = this
        this.axios.post('/filtersearch/userAuthForBu.do', {
          username: getUsername()
        }).then(response => {
          if (response.data.status === 200) {
            let resData = response.data.data
            _this.product.buSelect = resData.bu.map(item => {
              return {value: item, label: item}
            })
          }
        })
      },
      loadGeo() {
        const _this = this
        this.axios.post('/filtersearch/userAuthForGeo.do', {
          username: getUsername(),
          geos: [],
          regions: []
        }).then(function (response) {
          if (response.data.status === 200) {
            let resData = response.data.data
            _this.gepgraphy.geoSelect = resData.geo.map(item => {
              return {value: item, label: item}
            })
//            _this.gepgraphy.regionSelect = resData.region.map(item => {
//              return {value: item, label: item}
//            })
//            _this.gepgraphy.countrySelect = resData.country.map(item => {
//              return {value: item, label: item}
//            })
//            _this.product.buSelect = resData.bu.map(item => {
//              return {value: item, label: item}
//            })
          }
        })
      },
      loadRegion() {
        const _this = this
        this.axios.post('/filtersearch/userAuthForRegion.do', {
          username: getUsername()
        }).then(function (response) {
          if (response.data.status === 200) {
            let resData = response.data.data
            _this.gepgraphy.regionSelect = resData.region.map(item => {
              return {value: item, label: item}
            })
//            _this.gepgraphy.regionSelect = resData.region.map(item => {
//              return {value: item, label: item}
//            })
//            _this.gepgraphy.countrySelect = resData.country.map(item => {
//              return {value: item, label: item}
//            })
//            _this.product.buSelect = resData.bu.map(item => {
//              return {value: item, label: item}
//            })
          }
        })
      },
      loadCountry() {
        const _this = this
        this.axios.post('/filtersearch/userAuthForCountry.do', {
          username: getUsername()
        }).then(function (response) {
          if (response.data.status === 200) {
            let resData = response.data.data
            _this.gepgraphy.countrySelect = resData.country.map(item => {
              return {value: item, label: item}
            })
//            _this.gepgraphy.regionSelect = resData.region.map(item => {
//              return {value: item, label: item}
//            })
//            _this.gepgraphy.countrySelect = resData.country.map(item => {
//              return {value: item, label: item}
//            })
//            _this.product.buSelect = resData.bu.map(item => {
//              return {value: item, label: item}
//            })
          }
        })
      },
      loadIndustry() {
        const _this = this
        this.axios.post('/filtersearch/industrySelect.do', {
          username: getUsername(),
          tablename: this.chart.value
        }).then(function (response) {
          if (response.data.status === 200) {
            let resData = response.data.data
            _this.tags.industrySelect = resData.map(item => {
              return {value: item, label: item}
            })
          }
        })
      },
      loadLoyalty() {
        const _this = this
        this.axios.post('/filtersearch/loyaltySelect.do', {
          username: getUsername(),
          tablename: this.chart.value
        }).then(function (response) {
          if (response.data.status === 200) {
            let resData = response.data.data
            _this.tags.loyaltySelect = resData.map(item => {
              return {value: item, label: item}
            })
          }
        })
      },
      loadScale() {
        const _this = this
        this.axios.post('/filtersearch/scaleSelect.do', {
          username: getUsername(),
          tablename: this.chart.value
        }).then(function (response) {
          if (response.data.status === 200) {
            let resData = response.data.data
            _this.tags.scaleSelect = resData.map(item => {
              return {value: item, label: item}
            })
          }
        })
      },
      loadCrossBuy() {
        const _this = this
        this.axios.post('/filtersearch/crossBuySelect.do', {
          username: getUsername(),
          tablename: this.chart.value
        }).then(function (response) {
          if (response.data.status === 200) {
            let resData = response.data.data
            _this.tags.crossBuySelect = resData.map(item => {
              return {value: item, label: item}
            })
          }
        })
      },
      loadSegment() {
        const _this = this
        this.axios.post('/filtersearch/segmentSelect.do', {
          username: getUsername(),
          tablename: this.chart.value
        }).then(function (response) {
          if (response.data.status === 200) {
            let resData = response.data.data
            _this.transaction.segmentSelect = resData.map(item => {
              return {value: item, label: item}
            })
          }
        })
      },
      geoChange() {
        const _this = this
        this.axios.post('/filtersearch/userAuthForGeo.do', {
          username: getUsername(),
          geos: _this.gepgraphy.geoSValue,
          regions: []
        }).then(function (response) {
          if (response.data.status === 200) {
            let resData = response.data.data
            _this.gepgraphy.regionSelect = []
            _this.gepgraphy.countrySelect = []
            _this.gepgraphy.regionSValue = []
            _this.gepgraphy.countrySValue = []
            if (resData.region) {
              _this.gepgraphy.regionSelect = resData.region.map(item => {
                return {value: item, label: item}
              })
            } else {
              _this.loadRegion()
            }
            if (resData.country) {
              _this.gepgraphy.countrySelect = resData.country.map(item => ({value: item, label: item}))
            } else {
              _this.loadCountry()
            }
          }
        })
      },
      regionChange() {
        const _this = this
        this.axios.post('/filtersearch/userAuthForRegion.do', {
          username: getUsername(),
//          geos: _this.gepgraphy.geoSValue,
          regions: _this.gepgraphy.regionSValue
        }).then(function (response) {
          if (response.data.status === 200) {
            let resData = response.data.data
            _this.gepgraphy.countrySelect = []
            _this.gepgraphy.countrySValue = []
            if (resData.country) {
              _this.gepgraphy.countrySelect = resData.country.map(item => {
                return {value: item, label: item}
              })
            } else {
              _this.loadCountry()
            }
          }
        })
      },
      bgChange() {
        const _this = this
        this.axios.post('/filtersearch/userAuthForBg.do', {
          username: getUsername(),
          bgs: _this.product.bgSValue
        }).then(function (response) {
          if (response.data.status === 200) {
            let resData = response.data.data
            _this.product.buSelect = []
            _this.product.buSValue = []
            if (resData.bu) {
              _this.product.buSelect = resData.bu.map(item => {
                return {value: item, label: item}
              })
            } else {
              _this.loadBu()
            }
          }
        })
      },
      loadAllIndustry() {
        const _this = this;
        this.axios
          .post("/filtersearch/cdbIndustrySelect", {
            username: getUsername()
          })
          .then(res => {
            if (res.data.status === 200) {
              let resData = res.data.data;
              _this.industry.tradeNameSelect = resData.trade_name.map(item => {
                return { value: item, label: item };
              });
              _this.industry.industryNameSelect = resData.industry.map(item => {
                return { value: item, label: item };
              });
              _this.industry.mainIndustrySelect = resData.main_industry.map(
                item => {
                  return { value: item, label: item };
                }
              );
              _this.industry.subIndustrySelect = resData.sub_industry_lv1.map(
                item => {
                  return { value: item, label: item };
                }
              );
              _this.industry.subIndustrySelect2 = resData.sub_industry_lv2.map(
                item => {
                  return { value: item, label: item };
                }
              );
            }
          });
      },
      loadAllArea() {
        let _this = this;
        this.axios
          .post("/filtersearch/cdbRegionSelect", {
            username: getUsername(),
            region: [],
            manager_district: [],
            province: [],
            county: []
          })
          .then(res => {
            if (res.data.status === 200) {
              let resData = res.data.data;
              _this.area.regionSelect = resData.region.map(item => {
                return { value: item, label: item };
              });
              _this.area.managerDistrictSelect = resData.manager_district.map(
                item => {
                  return { value: item, label: item };
                }
              );
              _this.area.provinceSelect = resData.province.map(item => {
                return { value: item, label: item };
              });
              _this.area.countySelect = resData.county.map(item => {
                return { value: item, label: item };
              });
            }
          });
      },
      tradeNameChange() {
        const _this = this;
        this.axios
          .post("/filtersearch/cdbIndustrySelect", {
            username: getUsername(),
            trade_name: _this.industry.tradeNameSValue
          })
          .then(function(response) {
            if (response.data.status === 200) {
              let resData = response.data.data;
              _this.industry.industryNameSelect = [];
              _this.industry.industryNameSValue = [];
              if (resData.industry) {
                _this.industry.industryNameSelect = resData.industry.map(item => {
                  return { value: item, label: item };
                });
              } else {
                _this.loadAllIndustry();
              }
            }
          });
      },
      mainIndustryChange() {
        const _this = this;
        this.axios
          .post("/filtersearch/cdbIndustrySelect", {
            username: getUsername(),
            main_industry: _this.industry.mainIndustrySValue
          })
          .then(function(response) {
            if (response.data.status === 200) {
              let resData = response.data.data;
              _this.industry.subIndustrySelect = [];
              _this.industry.subIndustrySValue = [];
              _this.industry.subIndustrySelect2 = [];
              _this.industry.subIndustrySValue2 = [];
              if (resData.sub_industry_lv1) {
                _this.industry.subIndustrySelect = resData.sub_industry_lv1.map(
                  item => {
                    return { value: item, label: item };
                  }
                );
              } else {
                _this.loadAllIndustry();
              }
              if (resData.sub_industry_lv2) {
                _this.industry.subIndustrySelect2 = resData.sub_industry_lv2.map(
                  item => {
                    return { value: item, label: item };
                  }
                );
              } else {
                _this.loadAllIndustry();
              }
            }
          });
      },
      subIndustryChange(){
        const _this = this;
        this.axios
          .post("/filtersearch/cdbIndustrySelect", {
            username: getUsername(),
            main_industry: _this.industry.mainIndustrySValue,
            sub_industry_lv1: _this.industry.subIndustrySValue
          })
          .then(function(response) {
            if (response.data.status === 200) {
              let resData = response.data.data;
              _this.industry.subIndustrySelect2 = [];
              _this.industry.subIndustrySValue2 = [];
              if (resData.sub_industry_lv2) {
                _this.industry.subIndustrySelect2 = resData.sub_industry_lv2.map(
                  item => {
                    return { value: item, label: item };
                  }
                );
              } else {
                _this.loadAllIndustry();
              }
            }
          });
      },
      areaRegionChange() {
        const _this = this;
        this.axios
          .post("/filtersearch/cdbRegionSelect", {
            username: getUsername(),
            region: _this.area.regionSValue,
            manager_district: [],
            province: [],
            county: []
          })
          .then(function(response) {
            if (response.data.status === 200) {
              let resData = response.data.data;
              _this.area.managerDistrictSelect = [];
              _this.area.managerDistrictSValue = [];
              _this.area.provinceSelect = [];
              _this.area.provinceSValue = [];
              _this.area.countySelect = [];
              _this.area.countySValue = [];
              if (resData.manager_district) {
                _this.area.managerDistrictSelect = resData.manager_district.map(
                  item => {
                    return { value: item, label: item };
                  }
                );
              } else {
                _this.loadAllArea();
              }
              if (resData.province) {
                _this.area.provinceSelect = resData.province.map(item => {
                  return { value: item, label: item };
                });
              } else {
                _this.loadAllArea();
              }
              if (resData.county) {
                _this.area.countySelect = resData.county.map(item => {
                  return { value: item, label: item };
                });
              } else {
                _this.loadAllArea();
              }
            }
          });
      },
      areaManagerDistrictChange() {
        const _this = this;
        this.axios
          .post("/filtersearch/cdbRegionSelect", {
            username: getUsername(),
            region: _this.area.regionSValue,
            manager_district: _this.area.managerDistrictSValue,
            province: [],
            county: []
          })
          .then(function(response) {
            if (response.data.status === 200) {
              let resData = response.data.data;
              _this.area.provinceSelect = [];
              _this.area.provinceSValue = [];
              _this.area.countySelect = [];
              _this.area.countySValue = [];
              if (resData.province) {
                _this.area.provinceSelect = resData.province.map(item => {
                  return { value: item, label: item };
                });
              } else {
                _this.loadAllArea();
              }
              if (resData.county) {
                _this.area.countySelect = resData.county.map(item => {
                  return { value: item, label: item };
                });
              } else {
                _this.loadAllArea();
              }
            }
          });
      },
      areaProvinceChange() {
        const _this = this;
        this.axios
          .post("/filtersearch/cdbRegionSelect", {
            username: getUsername(),
            region: _this.area.regionSValue,
            manager_district: _this.area.managerDistrictSValue,
            province: _this.area.provinceSValue,
            county: []
          })
          .then(function(response) {
            if (response.data.status === 200) {
              let resData = response.data.data;
              _this.area.countySelect = [];
              _this.area.countySValue = [];
              if (resData.county) {
                _this.area.countySelect = resData.county.map(item => {
                  return { value: item, label: item };
                });
              } else {
                _this.loadAllArea();
              }
            }
          });
      },
      symbolChange(nVal) {
        if (nVal === 'eq') {
          return '='
        }
        if (nVal === 'neq') {
          return '≠'
        }
        if (nVal === 'gt') {
          return '>'
        }
        if (nVal === 'gte') {
          return '≥'
        }
        if (nVal === 'lt') {
          return '<'
        }
        if (nVal === 'lte') {
          return '≤'
        }
        if (nVal === 'notcontain') {
          return 'NOT CONTAIN'
        }
        if (nVal === 'contain') {
          return 'CONTAIN'
        }
        if (nVal === 'between') {
          return 'BETWEEN'
        }
        if (nVal === '') {
          return ''
        }
      },
      timeMarkChange(nVal) {
        if (nVal[0] === 'Fiscal Year') {
          if (nVal[1] === 'billing_year_fis' || nVal[1] === 'delivery_gi_year_fis' || nVal[1] === 'sales_order_create_year_fis' || nVal[1] === 'create_year_fis') {
            return 'FY'
          } else if (nVal[1] === 'billing_month_fis' || nVal[1] === 'delivery_gi_month_fis' || nVal[1] === 'sales_order_create_month_fis' || nVal[1] === 'create_month_fis') {
            return 'FM'
          } else if (nVal[1] === 'billing_quarter_fis' || nVal[1] === 'delivery_gi_quarter_fis' || nVal[1] === 'sales_order_create_quarter_fis' || nVal[1] === 'create_quarter_fis') {
            return 'FQ'
          }
        } else if (nVal[0] === 'Calendar Year') {
          if (nVal[1] === 'billing_year' || nVal[1] === 'delivery_gi_year' || nVal[1] === 'sales_order_create_year' || nVal[1] === 'create_year') {
            return 'Year'
          } else if (nVal[1] === 'billing_month' || nVal[1] === 'delivery_gi_month' || nVal[1] === 'sales_order_create_month' || nVal[1] === 'create_month') {
            return 'Month'
          } else if (nVal[1] === 'billing_week' || nVal[1] === 'delivery_gi_week' || nVal[1] === 'sales_order_create_week' || nVal[1] === 'create_week') {
            return 'Week'
          } else if (nVal[1] === 'billing_date' || nVal[1] === 'delivery_gi_date' || nVal[1] === 'sales_order_create_date' || nVal[1] === 'createtime' || nVal[1] === 'createtime_format') {
            return 'Day'
          } else if (nVal[1] === 'billing_quarter' || nVal[1] === 'delivery_gi_quarter' || nVal[1] === 'sales_order_create_quarter' || nVal[1] === 'create_quarter_fis') {
            return 'Quarter'
          }
        }
      }
    },
    beforeMount(){
      this.getChartOptions();//获取用户权限DCGorPCSD
    },
    mounted() {
      this.loadBg()
      this.loadBu()
      this.loadGeo()
      this.loadRegion()
      this.loadCountry()
      this.loadIndustry()
      this.loadLoyalty()
      this.loadScale()
      this.loadCrossBuy()
      this.loadSegment()
      this.loadAllIndustry();
      this.loadAllArea();
    },
    directives: {
      drag: {
        inserted: function (el, bindings) {
          el.onmousedown = function (e) {
            var disx = e.pageX - el.offsetLeft;
            var disy = e.pageY - el.offsetTop;
            document.onmousemove = function (e) {
              el.style.left = e.pageX - disx + 'px';
              el.style.top = e.pageY - disy + 'px';
            }
            document.onmouseup = function () {
              document.onmousemove = document.onmouseup = null;
            }
          }
        }
      },
      'clickoutside': clickoutside
    },
    watch: {
      // 表格名字
      'chart.value': function (nVal) {
        if (nVal === 'transaction') {
          this.tableName = 'cbi_document_flow & cbi_bp'
        } else if (nVal === 'service') {
          this.tableName = 'services_claim & cbi_bp'
        }
      },
      // eq转变为=号
      'gepgraphy.geoValue': function (nVal) {
        this.symbolData.geoValueChange = this.symbolChange(nVal)
      },
      'gepgraphy.regionValue': function (nVal) {
        this.symbolData.regionValueChange = this.symbolChange(nVal)
      },
      'gepgraphy.countryValue': function (nVal) {
        this.symbolData.countryValueChange = this.symbolChange(nVal)
      },
      'bp.groupValue': function (nVal) {
        this.symbolData.groupValueChange = this.symbolChange(nVal)
      },

      'tags.industryValue': function (nVal) {
        this.symbolData.industryValueChange = this.symbolChange(nVal)
      },
      'tags.nilsonIdValue': function (nVal) {
        this.symbolData.nilsonIdValueChange = this.symbolChange(nVal)
      },
      'tags.loyaltyValue': function (nVal) {
        this.symbolData.loyaltyValueChange = this.symbolChange(nVal)
      },
      'tags.scaleValue': function (nVal) {
        this.symbolData.scaleValueChange = this.symbolChange(nVal)
      },
      'tags.crossBuyValue': function (nVal) {
        this.symbolData.crossBuyValueChange = this.symbolChange(nVal)
      },
      'product.bgValue': function (nVal) {
        this.symbolData.bgValueChange = this.symbolChange(nVal)
      },
      'product.buValue': function (nVal) {
        this.symbolData.buValueChange = this.symbolChange(nVal)
      },
      'product.brandValue': function (nVal) {
        this.symbolData.brandValueChange = this.symbolChange(nVal)
      },
      'product.productSeriesValue': function (nVal) {
        this.symbolData.productSeriesValueChange = this.symbolChange(nVal)
      },
      'product.productFamilyValue': function (nVal) {
        this.symbolData.productFamilyValueChange = this.symbolChange(nVal)
      },
      'product.materialValue': function (nVal) {
        this.symbolData.materialValueChange = this.symbolChange(nVal)
      },
      'product.snValue': function (nVal) {
        this.symbolData.snValueChange = this.symbolChange(nVal)
      },
      'transaction.segmentValue': function (nVal) {
        this.symbolData.segmentValueChange = this.symbolChange(nVal)
      },
      'transaction.soValue': function (nVal) {
        this.symbolData.soValueChange = this.symbolChange(nVal)
      },
      'transaction.billingValue': function (nVal) {
        this.symbolData.billingValueChange = this.symbolChange(nVal)
      },
      'bp.bpIdValue': function (nVal) {
        if (nVal !== '') {
          this.bp.disabledName = true
        } else {
          this.bp.disabledName = false
        }
        this.symbolData.bpIdValueChange = this.symbolChange(nVal)
      },
      'bp.bpNameValue': function (nVal) {
        if (nVal !== '') {
          this.bp.disabledID = true
        } else {
          this.bp.disabledID = false
        }
        this.symbolData.bpNameValueChange = this.symbolChange(nVal)
      },
      'transaction.caValue': function (nVal) {
        if (nVal === 'eq' || nVal === 'neq') {
          this.transaction.caSValue = []
          this.transaction.showInput = true
          this.transaction.caSValue2 = null
        } else {
          this.transaction.showInput = false
          this.transaction.caSValue = []
          this.transaction.caSValue2 = null
        }
        this.symbolData.caValueChange = this.symbolChange(nVal)
      },
      'transaction.caSValue2': function (nVal) {
//        this.transaction.caSValue = this.transaction.caSValue2.split()
        if (nVal) {
          if (!/^[0-9]*$/.test(nVal)) {
            this.transaction.tips.showCaTips = true
          } else {
            this.transaction.tips.showCaTips = false
          }
          this.transaction.caSValue = nVal.split()
        }
      },
      'transaction.gpValue': function (nVal) {
        if (nVal === 'eq' || nVal === 'neq') {
          this.transaction.gpSValue = []
          this.transaction.gpSValue2 = null
          this.transaction.showGpInput = true
        } else {
          this.transaction.showGpInput = false
          this.transaction.gpSValue2 = null
          this.transaction.gpSValue = []
        }
        this.symbolData.gpValueChange = this.symbolChange(nVal)
      },
      'transaction.gpSValue2': function (nVal) {
        if (nVal) {
          if (!/^[0-9]*$/.test(nVal)) {
            this.transaction.tips.showGpTips = true
          } else {
            this.transaction.tips.showGpTips = false
          }
          this.transaction.gpSValue = nVal.split()
        }
      },
      'transaction.gp2Value': function (nVal) {
        if (nVal === 'eq' || nVal === 'neq') {
          this.transaction.gp2SValue = []
          this.transaction.gp2SValue2 = null
          this.transaction.showGpperInput = true
        } else {
          this.transaction.showGpperInput = false
          this.transaction.gp2SValue = []
          this.transaction.gp2SValue2 = null
        }
        this.symbolData.gp2ValueChange = this.symbolChange(nVal)
      },
      'transaction.gp2SValue2': function (nVal) {
        if (nVal) {
          if (!/^[0-9]*$/.test(nVal)) {
            this.transaction.tips.showGpperTips = true
          } else {
            this.transaction.tips.showGpperTips = false
          }
          this.transaction.gp2SValue = nVal.split()
        }
      },
      'transaction.revenueValue': function (nVal) {
        if (nVal === 'eq' || nVal === 'neq') {
          this.transaction.revenueSValue = []
          this.transaction.revenueSValue2 = null
          this.transaction.showRevenueInput = true
        } else {
          this.transaction.showRevenueInput = false
          this.transaction.revenueSValue2 = null
          this.transaction.revenueSValue = []
        }
        this.symbolData.revenueValueChange = this.symbolChange(nVal)
      },
      'transaction.revenueSValue2': function (nVal) {
        if (nVal) {
          if (!/^[0-9]*$/.test(nVal)) {
            this.transaction.tips.showRevenueTips = true
          } else {
            this.transaction.tips.showRevenueTips = false
          }
          this.transaction.revenueSValue = nVal.split()
        }
      },

      'time.billingbillingValue': function (nVal, oVal) {
        const _this = this
        console.log(nVal, oVal, 'val')
        console.log(this.time.selectedOptions, this.time.billingbillingValue, '**********')
        let billingValue = ''
        let selectOption = ''

        function clearData(str) {
          _this.showBetweenDate = false
          _this.showBetweenMonth = false
          _this.showBetweenQuarter = false
          _this.showBetweenYear = false
          _this.showBetweenWeek = false
          _this.showYear = false
          _this.showQuarter = false
          _this.showMonth = false
          _this.showQuarter = false
          _this.showWeek = false
          _this.showDate = false
        }

        if (this.time.selectedOptions === '') {
        } else {
          this.time.billingbillingValue === 'between' ? billingValue = 'double' : billingValue = 'odd'
          if (nVal === 'between') {
            this.billingBetween1 = this.billingValue
            this.value4 = this.value3
            this.billingValue = ''
            this.value3 = ''
          }
          if (oVal === 'between') {
            this.billingValue = this.billingBetween1
            this.value3 = this.value4
            this.billingBetween1 = ''
            this.value4 = ''
          }
          if (billingValue === 'double') {
            if (this.time.selectedOptions[1] === 'billing_year_fis' || this.time.selectedOptions[1] === 'billing_year') {
              clearData()
              this.showBetweenYear = true
            }
            if (this.time.selectedOptions[1] === 'billing_quarter_fis' || this.time.selectedOptions[1] === 'billing_quarter') {
              clearData()
              this.showBetweenQuarter = true
            }
            if (this.time.selectedOptions[1] === 'billing_month_fis' || this.time.selectedOptions[1] === 'billing_month') {
              clearData()
              this.showBetweenMonth = true
            }
            if (this.time.selectedOptions[1] === 'billing_week') {
              clearData()
              this.showBetweenWeek = true
            }
            if (this.time.selectedOptions[1] === 'billing_date') {
              clearData()
              this.showBetweenDate = true
            }
          } else if (billingValue === 'odd') {
            if (this.time.selectedOptions[1] === 'billing_year_fis' || this.time.selectedOptions[1] === 'billing_year') {
              clearData()
              this.showYear = true
            }
            if (this.time.selectedOptions[1] === 'billing_quarter_fis' || this.time.selectedOptions[1] === 'billing_quarter') {
              clearData()
              this.showQuarter = true
            }
            if (this.time.selectedOptions[1] === 'billing_month_fis' || this.time.selectedOptions[1] === 'billing_month') {
              clearData()
              this.showMonth = true
            }
            if (this.time.selectedOptions[1] === 'billing_week') {
              clearData()
              this.showWeek = true
            }
            if (this.time.selectedOptions[1] === 'billing_date') {
              clearData()
              this.showDate = true
            }
          }
        }
        this.symbolData.billingDateValueChange = this.symbolChange(nVal)
        // this.time.selectedOptions = []
        // this.billingValue = ''
        // this.billingBetween1 = ''
        // this.billingBetween2 = ''
        // // 显示周的
        // this.value3 = ''
        // this.value4 = ''
        // this.value5 = ''
        // this.showYear = true
        // this.showDate = false
        // this.showMonth = false
        // this.showWeek = false
        // this.showBetweenYear = false
        // this.showBetweenMonth = false
        // this.showBetweenDate = false
        // this.showBetweenWeek = false
      },
      'time.selectedOptions': function (nVal) {
        this.billingValue = ''
        this.billingBetween1 = ''
        this.billingBetween2 = ''
        // 显示周的
        this.value3 = ''
        this.value4 = ''
        this.value5 = ''
//        if (nVal[1] === 'billing_year_fis' || 'billing_year' && this.time.billingbillingValue === 'between') {
        if ((nVal[1] === 'billing_year_fis' ) || (nVal[1] === 'billing_year')) {
//          console.log(2323)
          this.showBetweenDate = false
          this.showBetweenMonth = false
          this.showBetweenYear = true
          this.showBetweenQuarter = false
          this.showBetweenWeek = false
          this.showYear = false
          this.showQuarter = false
          this.showMonth = false
          this.showWeek = false
          this.showDate = false
        }
        if ((nVal[1] === 'billing_quarter_fis') || (nVal[1] === 'billing_quarter')) {
          this.showBetweenDate = false
          this.showBetweenMonth = false
          this.showBetweenYear = false
          this.showBetweenWeek = false
          this.showBetweenQuarter = true
          this.showYear = false
          this.showQuarter = false
          this.showMonth = false
          this.showWeek = false
          this.showDate = false
        }
        if ((nVal[1] === 'billing_month_fis') || (nVal[1] === 'billing_month')) {
          this.showBetweenDate = false
          this.showBetweenMonth = true
          this.showBetweenYear = false
          this.showBetweenWeek = false
          this.showBetweenQuarter = false
          this.showYear = false
          this.showQuarter = false
          this.showMonth = false
          this.showWeek = false
          this.showDate = false
        }
        if (nVal[1] === 'billing_week' ) {
//          console.log(2323)
          this.showBetweenDate = false
          this.showBetweenMonth = false
          this.showBetweenYear = false
          this.showBetweenQuarter = false
          this.showBetweenWeek = true
          this.showYear = false
          this.showQuarter = false
          this.showMonth = false
          this.showWeek = false
          this.showDate = false
        }
        if (nVal[1] === 'billing_date' ) {
          this.showBetweenMonth = false
          this.showBetweenYear = false
          this.showBetweenDate = true
          this.showBetweenWeek = false
          this.showBetweenQuarter = false
          this.showYear = false
          this.showQuarter = false
          this.showMonth = false
          this.showDate = false
          this.showWeek = false
        }


        this.timeMarkDate.billingDateMark = this.timeMarkChange(nVal)
      },

      'time.deliveryDateValue': function (nVal, oVal) {
        const _this = this
        let deliveryValue = ''
        let deliveryOption = ''

        function clearData() {
          _this.time.deliveryShowBetweenDate = false
          _this.time.deliveryShowBetweenMonth = false
          _this.time.deliveryShowBetweenQuarter = false
          _this.time.deliveryShowBetweenWeek = false
          _this.time.deliveryShowBetweenYear = false
          _this.time.deliveryShowYear = false
          _this.time.deliveryShowMonth = false
          _this.time.deliveryShowQuarter = false
          _this.time.deliveryShowWeek = false
          _this.time.deliveryShowDate = false
        }

        this.time.deliveryDateValue === 'between' ? deliveryValue = 'double' : deliveryValue = 'odd'
        if (nVal === 'between') {
          this.time.deliveryBetween1 = this.time.deliveryValue
          this.deliveryWeekValues1 = this.deliveryWeekValue
          this.time.deliveryValue = ''
          this.deliveryWeekValue = ''
        }
        if (oVal === 'between') {
          this.time.deliveryValue = this.time.deliveryBetween1
          this.deliveryWeekValue = this.deliveryWeekValues1
          this.time.deliveryBetween1 = ''
          this.deliveryWeekValues1 = ''
        }
        if (deliveryValue === 'double') {
          if (this.time.selectedOptionsDelivery[1] === 'delivery_gi_year_fis' || this.time.selectedOptionsDelivery[1] === 'delivery_gi_year') {
            clearData()
            this.time.deliveryShowBetweenYear = true
          }
          if (this.time.selectedOptionsDelivery[1] === 'delivery_gi_quarter_fis' || this.time.selectedOptionsDelivery[1] === 'delivery_gi_quarter') {
            clearData()
            this.time.deliveryShowBetweenQuarter = true
          }
          if (this.time.selectedOptionsDelivery[1] === 'delivery_gi_month_fis' || this.time.selectedOptionsDelivery[1] === 'delivery_gi_month') {
            clearData()
            this.time.deliveryShowBetweenMonth = true
          }
          if (this.time.selectedOptionsDelivery[1] === 'delivery_gi_week') {
            clearData()
            this.time.deliveryShowBetweenWeek = true
          }
          if (this.time.selectedOptionsDelivery[1] === 'delivery_gi_date') {
            clearData()
            this.time.deliveryShowBetweenDate = true
          }
        } else if (deliveryValue === 'odd') {
          if (this.time.selectedOptionsDelivery[1] === 'delivery_gi_year_fis' || this.time.selectedOptionsDelivery[1] === 'delivery_gi_year') {
            clearData()
            this.time.deliveryShowYear = true
          }
          if (this.time.selectedOptionsDelivery[1] === 'delivery_gi_quarter_fis' || this.time.selectedOptionsDelivery[1] === 'delivery_gi_quarter') {
            clearData()
            this.time.deliveryShowQuarter = true
          }
          if (this.time.selectedOptionsDelivery[1] === 'delivery_gi_month_fis' || this.time.selectedOptionsDelivery[1] === 'del_billing_month') {
            clearData()
            this.time.deliveryShowMonth = true
          }
          if (this.time.selectedOptionsDelivery[1] === 'delivery_gi_week') {
            clearData()
            this.time.deliveryShowWeek = true
          }
          if (this.time.selectedOptionsDelivery[1] === 'delivery_gi_date') {
            clearData()
            this.time.deliveryShowDate = true
          }
        }
        this.symbolData.deliveryDateValueChange = this.symbolChange(nVal)
        // this.time.selectedOptionsDelivery = []
        // this.time.deliveryValue = ''
        // this.time.deliveryBetween1 = ''
        // this.time.deliveryBetween2 = ''
        // this.time.deliveryShowYear = true
        // this.time.deliveryShowDate = false
        // this.time.deliveryShowMonth = false
        // this.time.deliveryShowWeek = false
        // this.time.deliveryShowBetweenYear = false
        // this.time.deliveryShowBetweenMonth = false
        // this.time.deliveryShowBetweenDate = false
        // this.time.deliveryShowBetweenWeek = false
      },
      'time.selectedOptionsDelivery': function (nVal) {
        this.time.deliveryValue = ''
        this.time.deliveryBetween1 = ''
        this.time.deliveryBetween2 = ''
        if ((nVal[1] === 'delivery_gi_year_fis') || (nVal[1] === 'delivery_gi_year' )) {
          this.time.deliveryShowBetweenDate = false
          this.time.deliveryShowBetweenMonth = false
          this.time.deliveryShowBetweenWeek = false
          this.time.deliveryShowBetweenQuarter = false
          this.time.deliveryShowBetweenYear = true
          this.time.deliveryShowYear = false
          this.time.deliveryShowQuarter = false
          this.time.deliveryShowMonth = false
          this.time.deliveryShowWeek = false
          this.time.deliveryShowDate = false
        }
        if ((nVal[1] === 'delivery_gi_quarter_fis' ) || (nVal[1] === 'delivery_gi_quarter' )) {
          this.time.deliveryShowBetweenDate = false
          this.time.deliveryShowBetweenMonth = false
          this.time.deliveryShowBetweenWeek = false
          this.time.deliveryShowBetweenQuarter = true
          this.time.deliveryShowBetweenYear = false
          this.time.deliveryShowYear = false
          this.time.deliveryShowQuarter = false
          this.time.deliveryShowMonth = false
          this.time.deliveryShowWeek = false
          this.time.deliveryShowDate = false
        }
        if ((nVal[1] === 'delivery_gi_month_fis') || (nVal[1] === 'delivery_gi_month')) {
          this.time.deliveryShowBetweenDate = false
          this.time.deliveryShowBetweenMonth = true
          this.time.deliveryShowBetweenYear = false
          this.time.deliveryShowBetweenWeek = false
          this.time.deliveryShowBetweenQuarter = false
          this.time.deliveryShowYear = false
          this.time.deliveryShowMonth = false
          this.time.deliveryShowDate = false
          this.time.deliveryShowWeek = false
          this.time.deliveryShowQuarter = false
        }
        if (nVal[1] === 'delivery_gi_date' ) {
          this.time.deliveryShowBetweenDate = true
          this.time.deliveryShowBetweenMonth = false
          this.time.deliveryShowBetweenYear = false
          this.time.deliveryShowBetweenWeek = false
          this.time.deliveryShowBetweenQuarter = false
          this.time.deliveryShowYear = false
          this.time.deliveryShowMonth = false
          this.time.deliveryShowDate = false
          this.time.deliveryShowWeek = false
          this.time.deliveryShowQuarter = false
        }
        if (nVal[1] === 'delivery_gi_week' ) {
          this.time.deliveryShowBetweenDate = false
          this.time.deliveryShowBetweenMonth = false
          this.time.deliveryShowBetweenYear = false
          this.time.deliveryShowBetweenWeek = true
          this.time.deliveryShowBetweenQuarter = false
          this.time.deliveryShowYear = false
          this.time.deliveryShowMonth = false
          this.time.deliveryShowDate = false
          this.time.deliveryShowWeek = false
          this.time.deliveryShowQuarter = false
        }

        //        选择标志， 调用方法
        this.timeMarkDate.deliveryDateMark = this.timeMarkChange(nVal)
      },

      'time.soValue': function (nVal, oVal) {
        // 奇
        const _this = this
        let soValue = ''
        nVal === 'between' ? soValue = 'double' : soValue = 'odd'
        if (nVal === 'between') {
          this.soBetween1 = this.soValue
          this.soWeekValues1 = this.soWeekValue
          this.soValue = ''
          this.soWeekValue = ''
          console.log('123')
        }
        if (oVal === 'between') {
          this.soValue = this.soBetween1
          this.soWeekValue = this.soWeekValues1
          this.soBetween1 = ''
          this.soWeekValues1 = ''
          console.log('456')
        }

        function clearData() {
          _this.soshowBetweenDate = false
          _this.soshowBetweenMonth = false
          _this.soshowBetweenQuarter = false
          _this.soshowBetweenWeek = false
          _this.soshowBetweenYear = false
          _this.soshowYear = false
          _this.soshowMonth = false
          _this.soshowQuarter = false
          _this.soshowWeek = false
          _this.soshowDate = false
        }

        console.log(this.time.selectedOptionsSo, 'this.time.selectedOptionsSo')
        if (soValue === 'double') {
          if (this.time.selectedOptionsSo[1] === 'sales_order_create_year_fis' || this.time.selectedOptionsSo[1] === 'sales_order_create_year') {
            clearData()
            this.soshowBetweenYear = true
          }
          if (this.time.selectedOptionsSo[1] === 'sales_order_create_quarter_fis' || this.time.selectedOptionsSo[1] === 'sales_order_create_quarter') {
            clearData()
            this.soshowBetweenQuarter = true
          }
          if (this.time.selectedOptionsSo[1] === 'sales_order_create_month_fis' || this.time.selectedOptionsSo[1] === 'sales_order_create_month') {
            clearData()
            this.soshowBetweenMonth = true
          }
          if (this.time.selectedOptionsSo[1] === 'sales_order_create_week') {
            clearData()
            this.soshowBetweenWeek = true
          }
          if (this.time.selectedOptionsSo[1] === 'sales_order_create_date') {
            clearData()
            this.soshowBetweenDate = true
          }
        } else if (soValue === 'odd') {
          if (this.time.selectedOptionsSo[1] === 'sales_order_create_year_fis' || this.time.selectedOptionsSo[1] === 'sales_order_create_year') {
            clearData()
            this.soshowYear = true
          }
          if (this.time.selectedOptionsSo[1] === 'sales_order_create_quarter_fis' || this.time.selectedOptionsSo[1] === 'sales_order_create_quarter') {
            clearData()
            this.soshowQuarter = true
          }
          if (this.time.selectedOptionsSo[1] === 'sales_order_create_month_fis' || this.time.selectedOptionsSo[1] === 'sales_order_create_month') {
            clearData()
            this.soshowMonth = true
          }
          if (this.time.selectedOptionsSo[1] === 'sales_order_create_week') {
            clearData()
            this.soshowWeek = true
          }
          if (this.time.selectedOptionsSo[1] === 'sales_order_create_date') {
            clearData()
            this.soshowDate = true
          }
        }
        this.symbolData.soDateValueChange = this.symbolChange(nVal)
        // this.time.selectedOptionsSo = []
        // this.soValue = ''
        // this.soBetween1 = ''
        // this.soBetween2 = ''
        // this.soshowYear = true
        // this.soshowDate = false
        // this.soshowMonth = false
        // this.soshowWeek = false
        // this.soshowBetweenYear = false
        // this.soshowBetweenMonth = false
        // this.soshowBetweenDate = false
        // this.soshowBetweenWeek = false
      },
      'time.selectedOptionsSo': function (nVal) {
        this.soValue = ''
        this.soBetween1 = ''
        this.soBetween2 = ''
        if ((nVal[1] === 'sales_order_create_year_fis' ) || (nVal[1] === 'sales_order_create_year' )) {
          this.soshowBetweenDate = false
          this.soshowBetweenMonth = false
          this.soshowBetweenQuarter = false
          this.soshowBetweenWeek = false
          this.soshowBetweenYear = true
          this.soshowYear = false
          this.soshowQuarter = false
          this.soshowMonth = false
          this.soshowWeek = false
          this.soshowDate = false
        }
        if ((nVal[1] === 'sales_order_create_quarter_fis' ) || (nVal[1] === 'sales_order_create_quarter')) {
          this.soshowBetweenYear = false
          this.soshowBetweenQuarter = true
          this.soshowBetweenMonth = false
          this.soshowBetweenDate = false
          this.soshowBetweenWeek = false
          this.soshowYear = false
          this.soshowQuarter = false
          this.soshowMonth = false
          this.soshowDate = false
          this.soshowWeek = false
        }
        if ((nVal[1] === 'sales_order_create_month_fis' ) || (nVal[1] === 'sales_order_create_month' )) {
          this.soshowBetweenYear = false
          this.soshowBetweenQuarter = false
          this.soshowBetweenMonth = true
          this.soshowBetweenDate = false
          this.soshowBetweenWeek = false
          this.soshowYear = false
          this.soshowQuarter = false
          this.soshowMonth = false
          this.soshowDate = false
          this.soshowWeek = false
        }
        if (nVal[1] === 'sales_order_create_date' ) {
          this.soshowBetweenMonth = false
          this.soshowBetweenQuarter = false
          this.soshowBetweenYear = false
          this.soshowBetweenWeek = false
          this.soshowBetweenDate = true
          this.soshowYear = false
          this.soshowQuarter = false
          this.soshowMonth = false
          this.soshowDate = false
          this.soshowWeek = false
        }
        if (nVal[1] === 'sales_order_create_week') {
          this.soshowBetweenMonth = false
          this.soshowBetweenYear = false
          this.soshowBetweenWeek = true
          this.soshowBetweenDate = false
          this.soshowBetweenQuarter = false
          this.soshowYear = false
          this.soshowQuarter = false
          this.soshowMonth = false
          this.soshowDate = false
          this.soshowWeek = false
        }
        //        选择标志， 调用方法
        this.timeMarkDate.soDateMark = this.timeMarkChange(nVal)
      },

      'time.serviceBillingValue': function (nVal, oVal) {
        const _this = this

        function clearData() {
          _this.time.serviceShowBetweenDate = false
          _this.time.serviceShowBetweenQuarter = false
          _this.time.serviceShowBetweenMonth = false
          _this.time.serviceShowBetweenWeek = false
          _this.time.serviceShowBetweenYear = false
          _this.time.serviceShowYear = false
          _this.time.serviceShowQuarter = false
          _this.time.serviceShowMonth = false
          _this.time.serviceShowWeek = false
          _this.time.serviceShowDate = false
        }

        let serviceData = ''
        nVal === 'between' ? serviceData = 'double' : serviceData = 'odd'
        if (nVal === 'between') {
          this.serviceBetween1 = this.serviceValue
          this.serviceWeekValues1 = this.serviceWeekValue
          this.serviceValue = ''
          this.serviceWeekValue = ''
        }
        if (oVal === 'between') {
          this.serviceValue = this.serviceBetween1
          this.serviceWeekValue = this.serviceWeekValues1
          this.serviceBetween1 = ''
          this.serviceWeekValues1 = ''
        }
        if (serviceData === 'double') {
          if (this.time.selectedOptionsService[1] === 'create_year_fis' || this.time.selectedOptionsService[1] === 'create_year') {
            clearData()
            this.time.serviceShowBetweenYear = true
          }
          if (this.time.selectedOptionsService[1] === 'create_quarter_fis' || this.time.selectedOptionsService[1] === 'create_quarter') {
            clearData()
            this.time.serviceShowBetweenQuarter = true
          }
          if (this.time.selectedOptionsService[1] === 'create_month_fis' || this.time.selectedOptionsService[1] === 'create_month') {
            clearData()
            this.time.serviceShowBetweenMonth = true
          }
          if (this.time.selectedOptionsService[1] === 'create_week') {
            clearData()
            this.time.serviceShowBetweenWeek = true
          }
          if (this.time.selectedOptionsService[1] === 'createtime') {
            clearData()
            this.time.serviceShowBetweenDate = true
          }
        } else if (serviceData === 'odd') {
          if (this.time.selectedOptionsService[1] === 'create_year_fis' || this.time.selectedOptionsService[1] === 'create_year') {
            clearData()
            this.time.serviceShowYear = true
          }
          if (this.time.selectedOptionsService[1] === 'create_quarter_fis' || this.time.selectedOptionsService[1] === 'create_quarter') {
            clearData()
            this.time.serviceShowQuarter = true
          }
          if (this.time.selectedOptionsService[1] === 'create_month_fis' || this.time.selectedOptionsService[1] === 'create_month') {
            clearData()
            this.time.serviceShowMonth = true
          }
          if (this.time.selectedOptionsService[1] === 'create_week') {
            clearData()
            this.time.serviceShowWeek = true
          }
          if (this.time.selectedOptionsService[1] === 'createtime') {
            clearData()
            this.time.serviceShowDate = true
          }
        }
        this.symbolData.serviceDateValueChange = this.symbolChange(nVal)
        // this.time.selectedOptionsService = []
        // this.serviceValue = ''
        // this.serviceBetween1 = ''
        // this.serviceBetween2 = ''
        // this.time.serviceShowYear = true
        // this.time.serviceShowDate = false
        // this.time.serviceShowMonth = false
        // this.time.serviceShowWeek = false
        // this.time.serviceShowBetweenYear = false
        // this.time.serviceShowBetweenMonth = false
        // this.time.serviceShowBetweenDate = false
        // this.time.serviceShowBetweenWeek = false
      },
      'time.selectedOptionsService': function (nVal) {
        this.serviceValue = ''
        this.serviceBetween1 = ''
        this.serviceBetween2 = ''
        if ((nVal[1] === 'create_year_fis' ) || (nVal[1] === 'create_year' )) {
          console.log('****************************------------')
          this.time.serviceShowBetweenDate = false
          this.time.serviceShowBetweenMonth = false
          this.time.serviceShowBetweenQuarter = false
          this.time.serviceShowBetweenWeek = false
          this.time.serviceShowBetweenYear = true
          this.time.serviceShowYear = false
          this.time.serviceShowQuarter = false
          this.time.serviceShowMonth = false
          this.time.serviceShowWeek = false
          this.time.serviceShowDate = false
        }
        if ((nVal[1] === 'create_quarter_fis' ) || (nVal[1] === 'create_quarter' )) {
          console.log('****************************------------')
          this.time.serviceShowBetweenDate = false
          this.time.serviceShowBetweenMonth = false
          this.time.serviceShowBetweenQuarter = true
          this.time.serviceShowBetweenWeek = false
          this.time.serviceShowBetweenYear = false
          this.time.serviceShowYear = false
          this.time.serviceShowQuarter = false
          this.time.serviceShowMonth = false
          this.time.serviceShowWeek = false
          this.time.serviceShowDate = false
        }
        if ((nVal[1] === 'create_month_fis' ) || (nVal[1] === 'create_month' )) {
          this.time.serviceShowBetweenYear = false
          this.time.serviceShowBetweenMonth = true
          this.time.serviceShowBetweenQuarter = false
          this.time.serviceShowBetweenDate = false
          this.time.serviceShowBetweenWeek = false
          this.time.serviceShowYear = false
          this.time.serviceShowMonth = false
          this.time.serviceShowQuarter = false
          this.time.serviceShowDate = false
          this.time.serviceShowWeek = false
        }
        if (nVal[1] === 'createtime') {
          this.time.serviceShowBetweenMonth = false
          this.time.serviceShowBetweenQuarter = false
          this.time.serviceShowBetweenYear = false
          this.time.serviceShowBetweenWeek = false
          this.time.serviceShowBetweenDate = true
          this.time.serviceShowYear = false
          this.time.serviceShowMonth = false
          this.time.serviceShowQuarter = false
          this.time.serviceShowDate = false
          this.time.serviceShowWeek = false
        }
        if (nVal[1] === 'create_week' ) {
          this.time.serviceShowBetweenMonth = false
          this.time.serviceShowBetweenQuarter = false
          this.time.serviceShowBetweenYear = false
          this.time.serviceShowBetweenWeek = true
          this.time.serviceShowBetweenDate = false
          this.time.serviceShowYear = false
          this.time.serviceShowMonth = false
          this.time.serviceShowQuarter = false
          this.time.serviceShowDate = false
          this.time.serviceShowWeek = false
        }
        //        选择标志， 调用方法
        this.timeMarkDate.serviceDateMark = this.timeMarkChange(nVal)
      },

      'gepgraphy.regionText': function (nVal) {
        // 原来的
//         if (nVal !== '') {
//           let arr = nVal.trim().split('\n')
// //        this.gepgraphy.regionTextArr = arr
//           this.gepgraphy.regionSValue = arr
//         }
        if (nVal !== '') {
          let arr = nVal.trim().split('\n')
          this.gepgraphy.regionTextArr = arr
          // this.gepgraphy.regionSValue = this.gepgraphy.regionSValue.concat(this.gepgraphy.regionTextArr)
        }
      },
      'gepgraphy.countryText': function (nVal) {
        if (nVal !== '') {
          let arr = nVal.trim().split('\n')
          this.gepgraphy.countryTextArr = arr
//           this.gepgraphy.countrySValue = arr
        }
      },
      'bp.bpIdText': function (nVal) {
        if (nVal !== '') {
          let arr = nVal.trim().split('\n')
          this.bp.bpIdTextArr = arr
          // this.bp.bpIdSValue = arr
        }
      },
      'bp.bpNameText': function (nVal) {
        if (nVal !== '') {
          let arr = nVal.trim().split('\n')
          this.bp.bpNameTextArr = arr
          // this.bp.bpNameSValue = arr
        }
      },
      'tags.nilsonIdText': function (nVal) {
        if (nVal !== '') {
          let arr = nVal.trim().split('\n')
          this.tags.nilsonIdTextArr = arr
          // this.tags.nilsonIdSValue = arr
        }
      },
      'product.buText': function (nVal) {
        if (nVal !== '') {
          let arr = nVal.trim().split('\n')
          this.product.buTextArr = arr
          // this.product.buSValue = arr
        }
      },
      'product.brandText': function (nVal) {
        if (nVal !== '') {
          let arr = nVal.trim().split('\n')
          this.product.brandTextArr = arr
          // this.product.brandSValue = arr
        }
      },
      'product.productSeriesText': function (nVal) {
        if (nVal !== '') {
          let arr = nVal.trim().split('\n')
          this.product.productSeriesTextArr = arr
          // this.product.productSeriesSValue = arr
        }
      },
      'product.productFamilyText': function (nVal) {
        if (nVal !== '') {
          let arr = nVal.trim().split('\n')
          this.product.productFamilyTextArr = arr
          // this.product.productFamilySValue = arr
        }
      },
      'product.materialText': function (nVal) {
        if (nVal !== '') {
          let arr = nVal.trim().split('\n')
          // this.product.materialTextArr = arr
          this.product.materialTextArr = arr
        }
      },
      'product.snText': function (nVal) {
        if (nVal !== '') {
          let arr = nVal.trim().split('\n')
          this.product.snTextArr = arr
          // this.product.snSValue = arr
        }
      },
      'transaction.soText': function (nVal) {
        if (nVal !== '') {
          let arr = nVal.trim().split('\n')
          this.transaction.soTextArr = arr
        }
      },
      'transaction.billingText': function (nVal) {
        if (nVal !== '') {
          let arr = nVal.trim().split('\n')
          this.transaction.billingTextArr = arr
        }
      },
      'machineCustomer.MachineCustomerIdText': function (nVal) {
        if (nVal !== '') {
          let arr = nVal.trim().split('\n')
          this.machineCustomer.MachineCustomerIdTextArr = arr
          // this.product.snSValue = arr
        }
      },
      'machineCustomer.MachineCustomerNameText': function (nVal) {
        if (nVal !== '') {
          let arr = nVal.trim().split('\n')
          this.machineCustomer.MachineCustomerNameTextArr = arr
          // this.product.snSValue = arr
        }
      },
      'machineProduct.MachineSnText': function (nVal) {
        if (nVal !== '') {
          let arr = nVal.trim().split('\n')
          this.machineProduct.MachineSnTextArr = arr
          // this.product.snSValue = arr
        }
      },
      'machineProduct.MachineBrandText': function (nVal) {
        if (nVal !== '') {
          let arr = nVal.trim().split('\n')
          this.machineProduct.MachineBrandTextArr = arr
          // this.product.snSValue = arr
        }
      },
      'machineProduct.MachineProductSeriesText': function (nVal) {
        if (nVal !== '') {
          let arr = nVal.trim().split('\n')
          this.machineProduct.MachineProductSeriesTextArr = arr
          // this.product.snSValue = arr
        }
      },
      'machineProduct.MachineMaterialText': function (nVal) {
        if (nVal !== '') {
          let arr = nVal.trim().split('\n')
          this.machineProduct.MachineMaterialTextArr = arr
          // this.product.snSValue = arr
        }
      },
      'machineTransaction.MachineSalesOrderNumberText': function (nVal) {
        if (nVal !== '') {
          let arr = nVal.trim().split('\n')
          this.machineTransaction.MachineSalesOrderNumberTextArr = arr
          // this.product.snSValue = arr
        }
      },
      'machineTransaction.MachineBillingNumberText': function (nVal) {
        if (nVal !== '') {
          let arr = nVal.trim().split('\n')
          this.machineTransaction.MachineBillingNumberTextArr = arr
          // this.product.snSValue = arr
        }
      },
    },
    computed: {
      // ...mapGetters([
      //   'sidebar'
      // ]),
      showBillingData: function () {
        return this.time.selectedOptions.toString() !== '' && (this.billingValue !== '' || (this.newBillingBetween1 && this.newBillingBetween2))
//        if (this.time.billingbillingValue !== '' && this.time.selectedOptions.toString() !== '' && (this.billingValue !== '' || (this.billingBetween1 !== '' && this.billingBetween2 !== ''))) {
//          return true
//        } else {
//          return false
//        }
      },
      showDeliveryData: function () {
        return this.time.selectedOptionsDelivery.toString() !== '' && (this.time.deliveryValue !== '' || (this.time.newDeliveryBetween1 && this.time.newDeliveryBetween2))
      },
      showSoData: function () {
        return this.time.selectedOptionsSo.toString() !== '' && (this.soValue !== '' || (this.newSoBetween1 && this.newSoBetween2))
      },
      showServiceData: function () {
        return this.time.selectedOptionsService.toString() !== '' && (this.serviceValue !== '' || (this.newServiceBetween1 && this.newServiceBetween2))
      },
      showTime: function () {
        return this.showBillingData || this.showDeliveryData || this.showSoData || this.showServiceData
      },
      showMachineBuildDate(){
        return this.MachineBuildDateBetween1 && this.MachineBuildDateBetween2;
      },
      showMachineShipDate(){
        return this.MachineShipDateBetween1 && this.MachineShipDateBetween2;
      },
      showMachineRegisterDate(){
        return this.MachineRegisterDateBetween1 && this.MachineRegisterDateBetween2;
      },
      showMachineEndServiceDate(){
        return this.MachineEndServiceDateBetween1 && this.MachineEndServiceDateBetween2;
      },
      showBillingDate2: function () {
        return this.BillingDateBetween1 && this.BillingDateBetween2;
      },
      showTime2: function () {
        return this.showMachineBuildDate || this.showMachineShipDate || this.showMachineRegisterDate || this.showMachineEndServiceDate || this.showBillingDate2
      },
      // 标签高亮类
      traComClass1: function () {
        return this.showBillingData || this.showDeliveryData || this.showSoData || this.showServiceData
      },
      traComClass2: function () {
        return (this.symbolData.geoValueChange !== '' && this.gepgraphy.geoSValue.toString() !== '') || (this.symbolData.regionValueChange !== '' && this.gepgraphy.regionSValue.toString() !== '') || (this.symbolData.countryValueChange !== '' && this.gepgraphy.countrySValue.toString() !== '')
      },
      traComClass3: function () {
        return (this.symbolData.groupValueChange !== '' && this.bp.groupSValue.toString() !== '') || (this.symbolData.bpIdValueChange !== '' && this.bp.bpIdSValue.toString() !== '') || (this.symbolData.bpNameValueChange !== '' && this.bp.bpNameSValue.toString() !== '')
      },
      traComClass4: function () {
        return (this.symbolData.industryValueChange !== '' && this.tags.industrySValue.toString() !== '') || (this.symbolData.nilsonIdValueChange !== '' && this.tags.nilsonIdSValue.toString() !== '') || (this.symbolData.loyaltyValueChange !== '' && this.tags.loyaltySValue.toString() !== '') || (this.symbolData.scaleValueChange !== '' && this.tags.scaleSValue.toString() !== '') || (this.symbolData.crossBuyValueChange !== '' && this.tags.crossBuySValue.toString() !== '')
      },
      traComClass5: function () {
        return (this.symbolData.bgValueChange !== '' && this.product.bgSValue.toString() !== '') || (this.symbolData.buValueChange !== '' && this.product.buSValue.toString() !== '') || (this.symbolData.brandValueChange !== '' && this.product.brandSValue.toString() !== '') || (this.symbolData.productSeriesValueChange !== '' && this.product.productSeriesSValue.toString() !== '') || (this.symbolData.productFamilyValueChange !== '' && this.product.productFamilySValue.toString() !== '') || (this.symbolData.materialValueChange !== '' && this.product.materialSValue.toString() !== '') || (this.symbolData.snValueChange !== '' && this.product.snSValue.toString() !== '')
      },
      traComClass6: function () {
        return (this.symbolData.segmentValueChange !== '' && this.transaction.segmentSValue.toString() !== '') || (this.symbolData.soValueChange !== '' && this.transaction.soSValue.toString() !== '') || (this.symbolData.billingValueChange !== '' && this.transaction.billingSValue.toString() !== '') || (this.symbolData.caValueChange !== '' && this.transaction.caSValue.toString() !== '') || (this.symbolData.gpValueChange !== '' && this.transaction.gpSValue.toString() !== '') || (this.symbolData.gp2ValueChange !== '' && this.transaction.gp2SValue.toString() !== '') || (this.symbolData.revenueValueChange !== '' && this.transaction.revenueSValue.toString() !== '')
      }
    },
    components: {
      mSelect: mSelect,
      qSelect: qSelect,
      cqSelect
    }
  }
</script>

<style lang="scss" scoped>
  $bgGreen: #0090e9 !important;
  .grid-content div.el-select{
    /*overflow:hidden !important;*/
  }
  .filter {
    margin-top:0!important;
    .popover-card {
      -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
      background-color: #fff;
      border: 1px solid #e6ebf5;
      box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
      display: block;
      left: 21%;
      position: absolute;
      top: 50px;
      width: 45.83333%;
      z-index: 2;
      &:after {
        position: absolute;
        top: -4px;
        left: calc(20% - 10px);
        content: '';
        display: inline-block;
        background: #fff;
        width: 6px;
        height: 6px;
        border-top: 1px solid #d1dbe5;
        border-right: 1px solid #d1dbe5;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
      }
      .match-content{
        line-height: unset;
        margin-top: -25px;
        li{
          cursor: pointer;
          line-height: 30px;
        }
      }
    }
    .popover-card:before{
      content:"";
      border:5px solid #fff;
      border-left-color:transparent;
      border-right-color:transparent;
      border-top-color:transparent;
      width:0;
      height:0;
      position:relative;
      left:50%;
      top:-36px;
    }

    .filter-title{
      margin:15px 0;
      span{
        font-size:20px;
        font-family:OpenSansShin;
        color: #333;
        font-weight:700;
      }
    }
    div.grid-content.bg-purple.timers{
      width:170px;
    }
    div.grid-content.bg-purple {
      font-family: MicorsoftYaHei;
      font-size:16px;
      color: #999999;
      span{
        cursor: pointer;
        color: #66cc99 !important;
      }
    }
    .el-button--success {
      background: #66cc99 !important;
      font-family: MicorsoftYaHei !important;
      font-size:16px !important;
      border:none;
      border-radius: 4px !important;
      width:100px !important;
      &:hover{
        background: #51b181 !important;
      }
    }
    button.el-button.is-round {
      background: #fff !important;
      color: #0090e9;
      border-radius: 5px;
      border-width:2px;
      font-family: 'ArialMT';
      font-size:16px;
      padding:9px 17px;
    }
    div.clear{
      /*border:2px solid #f00;*/
      border-radius: 5px;
      text-align: center;
      /*padding: 6px 0;*/
      width:76px;
      span{
        color:#66cc99 !important;
        font-family: 'ArialMT';
        font-size:16px;
      }
    }
    // 拖拽弹框样式
    .bg-purple-light {
      font-family: 'ArialMT';
      color: #0090e9;
      font-size: 16px;
    }
    .drag-dialog {
      width: 40vw;
      position: absolute;
      z-index: 99;
      left: 30%;
      top: 10%;
      padding: 20px;
      border: 1px solid #ccc;
      border-radius: 5px;
      background-color: #fff;
      h3 {
        margin: 0;
        padding: 0;
        margin-bottom: 15px;
        font: bold 18px Helvetica;
      }
      .drag-dialog-close {
        position: absolute;
        top: 20px;
        right: 18px;
        font-size: 18px;
        &:hover {
          cursor: pointer;
          color: #409EFF;
        }
      }
      .dialog-footer {
        margin-top: 15px;
        float: right;
      }
    }
    .dialog-paste {
      .el-dialog__body {
        overflow: hidden;
        .dialog-footer {
          margin-top: 15px;
          float: right;
        }
      }
    }
    /*margin: 0 41px;*/
    margin: 10px 41px 0 41px;
    padding-top: 5px;
    /*tag标签高亮*/
    .heighlight-tag {
      background-color: $bgGreen;
    }
    .clickActive {
      background-color: $bgGreen;
    }
    .computedActive {
      background-color: $bgGreen;
    }
    .butActive {
      background-color: $bgGreen;
    }
    .top {
      /*margin-top: 45px;*/
      h1 {
        display: inline-block;
        margin: 0;
        padding: 0;
        color: #14142d;
        font: 36px Helvetica;
      }
      .title-tag {
        margin: 0 0 2vh 0;
        .steps-tag {
          float: left;
          span {
            /*display: inline-block;*/
            padding: 5px 15px;
            border-radius: 15px;
            color: #fff;
            font: 14px Helvetica;
            background-color: #b4bdcf;
            cursor: pointer;
          }
          .el-icon-arrow-right:last-child {
            display: none;
          }
        }
      }
      .select-tag {
        span.title {
          font-weight: bold;
          color: #3dc1df;
        }
        div.content {
          margin-bottom: 10px;
        }
        /*h1 {*/
        /*display: inline-block;*/
        /*margin: 10px 0;*/
        /*padding: 0;*/
        /*color: #14142d;*/
        /*font: 36px Helvetica;*/
        /*}*/
        .selected {
          /*background: #fff;*/
          width: 100%;
          /*h3 {*/
          /*margin: 0;*/
          /*padding: 5px 0 5px 5px;*/
          /*color: #959595;*/
          /*}*/
          .icon-guanbi {
            color: #959595;
            font-size: 14px;
            cursor: pointer;
            margin-left: 5px;
          }
          .icon-guanbi:hover {
            color: #409EFF;
          }
          .el-col {
            div {
              /*  height: 40px;*/
              padding: 5px 10px;
              border: 1px solid #ccc;
              border-radius: 10px;
              display: inline-block;
              line-height: 28px;
              .el-tag {
                position: relative;
                /*top: -2px;*/
                font-size: 12px;
                min-height: 32px;
              }
            }
          }
        }
      }
    }
    .card-content {
      margin: 20px 0;
      background: white;
      /*min-height: 74vh;*/
      box-shadow: 2px 2px 10px #e0e2ea;
      /*h2 {*/
        /*!*margin: 0 20px 10px 20px;*!*/
        /*margin: 0 20px;*/
        /*padding: 0;*/
        /*font: 24px ArialMT;*/
        /*color: #0090e9;*/
      /*}*/
      .select-tag {
        padding:20px 40px;
        span.title {
          font-weight: bold;
          color: #3dc1df;
        }
        div.content {
          margin-bottom: 10px;
        }
        /*h1 {*/
        /*display: inline-block;*/
        /*margin: 10px 0;*/
        /*padding: 0;*/
        /*color: #14142d;*/
        /*font: 36px Helvetica;*/
        /*}*/

        .selected {
          /*background: #fff;*/
          width: 100%;
          /*h3 {*/
          /*margin: 0;*/
          /*padding: 5px 0 5px 5px;*/
          /*color: #959595;*/
          /*}*/
          .icon-guanbi {
            color: #959595;
            font-size: 14px;
            cursor: pointer;
            margin-left: 5px;
          }
          .icon-guanbi:hover {
            color: #409EFF;
          }
          .el-col {
            div {
              /*  height: 40px;*/
              padding: 5px 10px;
              border: 1px solid #ccc;
              border-radius: 10px;
              display: inline-block;
              line-height: 28px;
              .el-tag {
                position: relative;
                /*top: -2px;*/
                font-size: 12px;
                /*min-height: 32px;*/
                line-height: 20px;
                background: #f0f1f2;
              }

              i{
                font-size: 12px;
              }
            }
          }
        }
      }
      .el-row {
        line-height: 40px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        /*border-bottom: 1px solid #E6EBF5;*/
        /*border-bottom: 1px solid #efe;*/
        &:last-child {
          margin-bottom: 0;
          padding-bottom: 0;
          border-bottom: 0;
        }
        .el-button--primary {
          background-color: #3dc1df;
          border-color: #3dc1df;
        }
        .clear {
          color: #66cc99;
          font-size: 16px;
          font-family:MicorsoftYaHei;
          cursor: pointer;
          /*font-weight: bold;*/
          line-height:40px;
        }
        .paste {
          color: #66cc99;
          font-size: 16px;
          font-family:MicorsoftYaHei;
          cursor: pointer;
          /*font-weight: bold;*/
          line-height:40px;
        }
        .clear:hover {
          color: #fa5555;
        }
        .mulselect{
          width: 100%;
          border: 1px solid #cccccc;
          font-size:14px;
        }
      }
      .el-card {
        overflow: visible;
      }
      .btn-foot {
        display: flex;
        justify-content: center;
        margin: 20px 0;
        button {
          width: 100px;
          font-size: 16px;
          font-family:MicorsoftYaHei;
          margin-bottom: 20px;
        }
      }
    }
  }
</style>

